Skip to main content

Display a feature with icon, title, and description. Perfect for landing pages and feature showcases.

Preview

Installation

Terminalbash

Usage

Reacttsx

Examples

RTL Support

FeatureCard automatically adapts to RTL layouts. The icon and text alignment mirror based on the current direction.

Reacttsx

Props

NameTypeDefaultDescription
titleRequired
stringThe title/heading of the feature card
descriptionRequired
stringThe description text explaining the feature
iconRequired
IconPhosphor icon component to display
href
stringOptional link URL. When provided, the card becomes clickable
className
stringAdditional CSS classes to apply

Use Cases

Feature highlights on landing pages

Service or product showcases

Capability overviews in documentation

Pricing plan comparison grids

Related Components