Feature17
The Feature17 component renders a section featuring a heading, caption, a series of icon cards, and an optional action button. It displays an image on one side and the icon cards on the other, with responsive layouts adjusting the image's position based on screen size.
All available props for the Feature17 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/Feature17.tsx
Component usage path: src/app/blocks/feature/feature17/page.tsx
Preview link: https://www.saasable.io/blocks/feature/feature17
Props Details
heading
string
Main title of the section.
"Our Outstanding Features"
caption
string
Brief description under the heading.
"Explore the key features that make our product..."
features
IconCardProps[]
Array of feature objects with icon, title, and content.
[ { icon: "feature-icon-1", title: "Feature One", content: "This feature provides value..." }, ... ]
image
ImageCommonProps
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' }
actionBtn
ButtonProps (Optional)
Properties for an optional action button.
Rendered above cards if provided, enabling user interaction.
Last updated