Client Only
Installation
pnpm dlx @docyrus/cli add @docyrus/ui-docyrus-iconRequired Packages(1 package)
pnpm add react-inlinesvgUsage
import {
DocyrusIcon
} from "@docyrus/ui/components/docyrus-icon";
<DocyrusIcon
size="xs"
animation="none"
icon="..."
lib="..."
group={...}
/>Sizes
| Size | Description |
|---|---|
xs | Extra small — size-3 |
sm | Small — size-4 |
default | Default — size-5 |
lg | Large — size-6 |
xl | Extra large — size-8 |
Animation
| Animation | Description |
|---|---|
none | Default (no animation) |
spin | Spin — animate-spin |
pulse | Pulse — animate-pulse |
bounce | Bounce — animate-bounce |
ping | Ping — animate-ping |
API Reference
| Prop | Type | Default |
|---|---|---|
size | "xs" | "sm" | "default" | "lg" | "xl" | "default" |
animation | "none" | "spin" | "pulse" | "bounce" | "ping" | "default" |
icon | string | — |
lib | string | — |
group | string | null | — |
className | string | — |