Feature2
The Feature2 component displays a section with a heading, optional caption, an optional image, and a list of feature cards, each with an icon and description, all within a responsive grid layout.
All available props for the Feature2 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the feature section.
Component path: src/blocks/feature/Feature2.tsx
Component usage path: src/app/blocks/feature/feature2/page.tsx
Preview link: https://www.saasable.io/blocks/feature/feature2
Props Details
heading
string
Main heading or title of the feature section.
"Our Innovative Features"
caption
string (Optional)
Additional context or description under the heading.
"Discover the cutting-edge technologies and benefits that set our product apart from the rest."
image
ImageCommonProps (Optional)
Image path or object with light and dark image path.
"path-to-image.svg"
or
{ light: 'path-to-image-light.svg', dark: 'path-to-image-dark.svg' }
features
IconCardProps[] (Optional)
Array of feature objects with icons, titles, and content.
[ { "icon": "star", "title": "High Performance", "content": "Our product offers unparalleled speed and efficiency." }, { "icon": "security", "title": "Enhanced Security", "content": "State-of-the-art security features protect your data." }, { "icon": "support", "title": "24/7 Support", "content": "Dedicated support team available around the clock." } ]
Last updated