Feature11
The Feature11
component presents a section with a heading and optional caption, followed by an optional image inside a GraphicsCard
. Below the image, a grid of animated IconCard
components displays feature details.
Component path: src/blocks/feature/Feature11.tsx
Component usage path: src/app/blocks/feature/feature11/page.tsx
Preview link: https://www.saasable.io/blocks/feature/feature11
Props Details
heading
string
Main heading for the feature section
"Our Key Features"
caption
string
(Optional)
Additional context or description under the heading.
"Discover the features that will transform your customer relationships"
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[]
Array of feature details to display
[ { icon: 'icon-name1', title: 'Feature 1', content: 'Description of Feature 1', animationDelay: 0.3 }, ... ]
showBorder
boolean
(Optional)
Optional prop for display border around image.
Default it will show border around image.
Last updated