Blog4
The Blog4 component renders a blog section with a title, a caption, a responsive slider of blog cards, and an optional "explore more" button.
All available props for the Blog4 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the blog section.
Component path: src/blocks/blog/Blog4.tsx
Component usage path: src/app/blocks/blog/blog4/page.tsx
Preview link: https://www.saasable.io/blocks/blog/blog4
Props Details
heading
Main heading of the blog section
"Latest Blog Updates"
<Typography variant="h2">{heading}</Typography>
caption
Secondary description or subtitle for the section
"Discover the latest trends and insights from our blog"
<Typography variant="h6">{caption}</Typography>
blogs
Array of blog items to display in the slider
[ { image: "path/to/image1.jpg", chips: ["Tech"], date: "August 27, 2024", caption: "Exploring the future of technology", link: { href: "/blog/future-tech" } } ]
Mapped over in the Slider component to render each blog card
exploreMore
Customizable call-to-action button
{ href: "/blog", variant: "outlined", size: "large" }
Rendered as a Button if exploreMore is provided
Last updated