Blog3
The Blog3 component displays a grid of blog posts with animated transitions, including a heading, caption, and optional profile details, using Material UI and framer-motion for styling and animations.
All available props for the Blog3 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/Blog3.tsx
Component usage path: src/app/blocks/blog/blog3/page.tsx
Preview link: https://www.saasable.io/blocks/blog/blog3
Props Details
heading
string
Main heading for the blog section
"Featured Articles"
Displayed as the main heading in Typeset
caption
string
Subtitle or additional text under the heading
"Check out our latest posts from industry experts"
Displayed below the heading in Typeset
blogs
BlogProps[]
Array of blog objects with details
[ { "caption": "Exploring the Future of Web Development", ... } ]
Used to render individual blog cards in the grid layout
Last updated