Icons
The <Icon> component renders icons from @clidey/ux/icons. Icons inherit the text color unless you set color. Names use kebab-case.
Basic Usage#
<Icon>
Color and Size#
<Icon>
Icons in Context#
<Icon>
Run dory build to compile your site.
Install with npm install -g @clidey/dory.
Push the dist/ directory to your hosting provider.
Icon Catalog#
The catalog includes every icon published by Clidey Design, including distinct variants with -alt suffixes. Click an icon to copy its MDX tag. Existing source-prefixed names such as enterprise/chevron-down continue to work.
Props Reference#
| Prop | Type | Default | Description |
|---|---|---|---|
icon | string | — | Clidey Design icon name, such as check-circle. |
color | string | Inherits from text | CSS color value. |
size | number | 24 | Icon size in pixels. |
className | string | — | Additional CSS classes. |
Was this page helpful?