Icon
Use any icons with Pure CSS for OnuUI.
For more icon information view @unocss/preset-icons
Basic usage
Use the name attribute to define Icon. In addition,the o attribute can be used to set the color theme of the icon.
html
<o-icon o-primary name="i-[icon-name]"></o-icon>
<o-icon o-primary name="i-[icon-name]"></o-icon>
Icon Collection
Get all icons, try on icones
![]()
![]()
Icon Props
| Name | Type | Default | Description |
|---|---|---|---|
| name | string | undefined | Icon's name. |
| o | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | undefined | Inherit from color. |
Icon Slots
| Name | Parameters | Description |
|---|---|---|
| default | () | Customize default content |
Onu-UI