Blog10

Blog10 is a responsive MUI React component that displays a featured blog post alongside a grid of additional blog cards using GraphicsCard, Typeset, and custom layout components.

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

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

Preview link: https://stage.saasable.io/blocks/blog/blog9

Props Details

Prop
Type
Description
Displayed as

headLine

string

Main title of the blog section.

Top of the section in large font (via Typeset component).

captionLine

string

Short subheading or explanation below the heading.

Below the heading (via Typeset).

blog

BlogListProps

The featured blog (main highlighted blog post)

Shown at the top with image, chips, title, date, and link

blogs

BlogListProps[]

List of additional blog cards

Rendered in a grid, each showing image, chips, title, and date

PreviousBlog9NextBlogDetails

Last updated