Blog6

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

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

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

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

Props Details

Prop
Type
Description
Displayed as

heading

string

Title of the blog section

"Latest Blog Posts"

caption

string

Caption or subtitle for the blog section

"Explore our latest articles and insights."

blogs

Array of BlogItem

List of individual blog posts

See the Example Structure section above

exploreMore

Object or null

Button properties for exploring more content

{ href: '/explore-more', children: 'Explore More', sx: { ... }}

Last updated