@agala-labs/ui
Icon
Renders a curated, product-aware icon set behind one stable Agala abstraction.
Examples
Default
homecalendaruserschart-barsettingsbell
<AgalaIcon name="calendar" aria-hidden="true" />Import
import { AgalaIcon, IconName, IconSize, IconMotion } from '@agala-labs/ui'API
| Prop | Type | Default | Description |
|---|---|---|---|
name | IconName | — | Required semantic icon identifier. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number | string | 'md' | Named token size or explicit CSS size. |
strokeWidth | number | 2 | Optional stroke override. |
motion | 'none' | 'hover' | 'active' | 'none' | Vendor-neutral opt-in motion behavior. |
active | boolean | false | Activates state-led motion such as rotation or refresh. |
Accessibility
Icons are aria-hidden by default. Put the accessible name on the interactive control that contains the icon.