@absoluteui/angular/icon
Render registered icons with <aui-icon>.
import { AuiIcon } from '@absoluteui/angular/icon';<aui-icon>
Section titled “<aui-icon>”Class AuiIcon; template reference #ref="auiIcon".
AbsoluteUI icon outlet: <aui-icon name="calendar" size="sm" />. name is a registered icon name, a name resolved by the icon provider (provideAbsoluteUI({ icons })), or an inline icon definition. Decorative unless label is set. Icon components of your own can be projected wherever AbsoluteUI components keep Angular-managed content (Button, Card bodies, …).
Server rendering: Renders on the server; the browser re-creates it after hydration.
Inputs
Section titled “Inputs”| Input | Type | Default | Description |
|---|---|---|---|
name |
IconRef |
Required. Registered icon name (or an icon reference from an icon library adapter). | |
size |
IconSize |
Theme size xs to xl, or a CSS length such as ‘20px’ (default: the surrounding icon size, or 1em). | |
label |
string |
Accessible name. Omit for decorative icons; label icon-only buttons on the button instead. |