UI component
Icon
Icon is a thin typed wrapper around Lucide icons so consumers can keep package imports consistent without losing SVG flexibility.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { Icon } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
API Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| icon | Passes the Lucide icon component you want to render. |
| className | Styles the icon with the same utility classes you already use elsewhere. |
| size and strokeWidth | Fine-tunes icon scale and line weight through standard SVG props. |
| aria-* props | Adds labels or hides decorative icons based on the job the icon is doing. |
Accessibility
Accessibility is fully consumer-controlled: label meaningful icons and hide decorative ones with the standard SVG ARIA attributes.