Function: default()¶

default(props): Element

Defined in: src/components/icons/Icon.tsx:78

Icon component that wraps Tabler icons with consistent sizing. Automatically scales down on mobile devices. Optionally wraps in a circular ThemeIcon container.

Parameters¶

props¶

IconProps

Component props

Returns¶

Element

Cloned icon element with size applied

Example¶

<Icon icon={<IconPencil />} size="sm" />
<Icon icon={<IconUserPlus />} size="lg" />
<Icon icon={<IconCheck />} container="green" />
<Icon icon={<IconX />} container="red" containerVariant="filled" />