Getting Started
Foundations
Components
Search for a command to run...
The Icon component provides a standardized way to render icons from various icon libraries or custom SVG components. It handles sizing, coloring, and ensures consistent appearance across your application.
Component icon-default not found in registry.
import { Icon } from "@strongtie/design-system/icon"<Icon>| Prop | Type | Default | Description |
|---|---|---|---|
as | ElementType<any, keyof IntrinsicElements> | svg | The component or element type to render as the icon. |
boxSize | string | number | 1em | The size of the icon (width and height). |
color | string | currentColor | The color of the icon fill. |
Component icon-default not found in registry.
Component icon-custom-svg not found in registry.
Component icon-different-color not found in registry.
Component icon-different-size not found in registry.
Components can be styled using the className prop. The design system uses Tailwind CSS for styling.
The following data attributes are used to identify component parts:
iconEnsure proper accessibility attributes are added when implementing this component.