Blog5

The Blog5 component renders a section of blog posts with a main heading, a featured blog card, additional blog cards in a grid layout, and a "View More" button, using Material UI and responsive design

All available props for the Blog5 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/Blog5.tsx

Component usage path: src/app/blocks/blog/blog5/page.tsx

Preview link: https://www.saasable.io/blocks/blog/blog5

Props Details

Prop
Type
Description
Displayed as

heading

string

Main heading for the blog section

"Latest Blog Posts"

caption

string

Subtitle or additional text under the heading

"Explore our most recent articles and updates"

viewMore

ButtonProps & LinkProps

Configuration for the "View More" button/link

{ href: "/more-blogs", variant: "contained" }

blogs

BlogListProps[]

Array of blog objects with details

[{ "caption": "Understanding React Hooks", ... }]

Last updated