Lightning Fast
Optimized for performance with zero runtime overhead and tree-shaking support.
Type Safe
Full TypeScript support with auto-complete and compile-time error checking.
Accessible
Built with ARIA attributes and keyboard navigation support out of the box.
Installation
Usage
import { FeatureCard, FeatureGrid } from "@/components/pioneerui/feature-card"
export default function Features() {
return (
<FeatureGrid columns={3}>
<FeatureCard
icon={<ZapIcon />}
title="Fast"
description="Zero runtime overhead."
highlighted
/>
<FeatureCard icon={<ShieldIcon />} title="Safe" description="Type safe by default." />
</FeatureGrid>
)
}Props — FeatureCard
| Prop | Type | Default | Description |
|---|---|---|---|
icon | React.ReactNode | undefined | Icon element |
title | string | — | Card title (required) |
description | string | — | Card description (required) |
highlighted | boolean | false | Accent border and background |
Props — FeatureGrid
| Prop | Type | Default | Description |
|---|---|---|---|
columns | 2 | 3 | 4 | 3 | Number of columns |