Icon

A data display component that renders a scalable vector graphic to visually communicate meaning.

Extraction UI doesn’t provide any icons out of the box. You can use any icon library you like, such as react-icons , lucide-react , or even custom SVGs. The Icon component is a simple wrapper that provides consistent styling and sizing for your icons.

Sizes

Use the text-{size} class to control the component size.

Size values can include:2xsxssmbaselgxl2xl3xl4xl5xl6xl7xl8xl9xl.

For more information on all available sizing utilities, visit Tailwind

Palette

Use the text-{color} class to control the component color. Refer to the Colors documentation to see all available color and shade options.

For more information on all available color utilities, visit Tailwind .

API

Element	Selector
`Icon`	`.ex-icon`

Prop	Type	Default
`as`	`ElementType`	`span`
`asChild`	`boolean`	`false`