GitHub

Feature Grid

Block
Grid layout for displaying features with icons and descriptions

Installation

pnpm add @corew500/ui

Usage

import { FeatureGrid } from "@corew500/ui/blocks/feature-grid"

<FeatureGrid>Content</FeatureGrid>

API Reference

Props

PropTypeDefaultDescription
headingenumSection heading (accepts ReactNode for rich content like gradients)
descriptionstringSection description shown below the heading
features*FeatureGridFeature[]Array of feature cards to render
columnsenum3Number of columns in the grid at large breakpoints.
linkComponentenum"a"Custom link component for action buttons (e.g. Next.js Link). Receives `href` and `children` props.
classNamestringAdditional 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

Related