Feature Card
View on StorybookStorybookDisplay a feature with icon, title, and description. Perfect for landing pages and feature showcases.
Preview
Installation
Terminalbash
Usage
Reacttsx
Examples
Static
Amazing Feature
This is a static card without a link. Great for non-interactive displays.
RTL Support
FeatureCard automatically adapts to RTL layouts. The icon and text alignment mirror based on the current direction.
Reacttsx
Props
| Name | Type | Default | Description |
|---|---|---|---|
titleRequired | string | — | The title/heading of the feature card |
descriptionRequired | string | — | The description text explaining the feature |
iconRequired | Icon | — | Phosphor icon component to display |
href | string | — | Optional link URL. When provided, the card becomes clickable |
className | string | — | Additional CSS classes to apply |
Use Cases
Feature highlights on landing pages
Service or product showcases
Capability overviews in documentation
Pricing plan comparison grids