Feature Grid
BlockInstallation
pnpm add @corew500/uiUsage
import { FeatureGrid } from "@corew500/ui/blocks/feature-grid"
<FeatureGrid>Content</FeatureGrid>API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | enum | — | Section heading (accepts ReactNode for rich content like gradients) |
| description | string | — | Section description shown below the heading |
| features* | FeatureGridFeature[] | — | Array of feature cards to render |
| columns | enum | 3 | Number of columns in the grid at large breakpoints. |
| linkComponent | enum | "a" | Custom link component for action buttons (e.g. Next.js Link). Receives `href` and `children` props. |
| className | string | — | Additional className for the root section element |
Accessibility
Additional
- - Uses semantic section element with heading hierarchy
- Card structure uses CardTitle for accessible names
- Action buttons have accessible labels
- Feature item icons are decorative; text provides meaning
Localization
Translatable Content
- - All text content is passed as props; no internal i18n