23 lines
506 B
Markdown
23 lines
506 B
Markdown
|
# @workspace/icons
|
||
|
|
|
||
|
|
Workspace icon primitives backed by Hugeicons.
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```tsx
|
||
|
|
import { Icon, Search01Icon } from "@workspace/icons"
|
||
|
|
|
||
|
|
export function SearchButton() {
|
||
|
|
return <Icon data={Search01Icon} size="lg" />
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
`Icon` defaults to the `md` size and inherits the current text color. A
|
||
|
|
Tailwind size class supplied through `className` overrides the size preset:
|
||
|
|
|
||
|
|
```tsx
|
||
|
|
<Icon data={Search01Icon} className="size-8 text-primary" />
|
||
|
|
```
|
||
|
|
|
||
|
|
Available presets are `xs`, `sm`, `md`, `lg`, and `xl`.
|