SmallHero3
The SmallHero3 component creates a hero section with a chip, headline, optional caption, and a configurable "explore" button, all arranged with responsive layout and spacing.
All available props for the SmallHero3 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the smallhero section.
Component path: src/blocks/small-hero/SmallHero3.tsx
Component usage path: src/app/blocks/small-hero/small-hero3/page.tsx
Preview link: https://www.saasable.io/blocks/small-hero/small-hero3
Props Details
chip
{ label: ChipProps['label']; link?: LinkProps; } (Optional)
Displays a badge or label, potentially with a hyperlink.
{ label: 'New!', link: { href: '/new', passHref: true } }
headLine
string | ReactElement
The main title or heading for the hero section. It can be text or any React component.
"Explore Our Latest Collection"
captionLine
string (Optional)
A subheading or additional description displayed below the headline.
"Discover the new range of products we just launched."
exploreBtn
ButtonProps (Optional)
Configuration for an optional button, which can include properties like href or onClick.
{ href: '/explore', children: 'Explore Now' }
Last updated