ArdoFeatureCard
On this page
Individual feature card component.
import { ArdoFeatureCard } from "ardo/ui"
<ArdoFeatureCard title={…}>{children}</ArdoFeatureCard>
Props
| Name | Type | Required | Description |
|---|---|---|---|
title | string | Yes | Feature title |
icon | ReactNode | No | Icon as ReactNode (emoji, SVG icon component, or any JSX) |
children | ReactNode | Yes | Feature description as children |
link | string | No | Optional link |
linkText | string | No | Link text (defaults to "Learn more") |
className | string | No | Additional CSS class |
Props type: ArdoFeatureCardProps
Example
import { Zap } from "ardo/icons"
<ArdoFeatureCard title="Fast" icon={<Zap size={28} />}>
Lightning fast builds with Vite
</ArdoFeatureCard>