Icon
See the Icons section for more information, including a list of all available icons.
Demos
Simple icon
You're done!
Button with icon
Usage
Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
icon | The SVG path or an object containing that path plus other data. | Icon | - | |
iconLabel | Accessible label for the icon. If not included, the icon will be hidden from screen readers via aria-hidden="true" . Browsers also display this label as a tooltip when theuser hovers over the icon. Note that this label is not rendered as visible text next to the icon. | string | - | '' |
lang | Explicitly set the language code to use for the icon. See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang. Defaults to the lang attribute of the nearest ancestor at mount time. | string | null | - | null |
dir | Explicitly set the direction to use for the icon. See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dir. Defaults to the computed direction at mount time. | HTMLDirection|null | - | null |
Events
Event name | Properties | Description |
---|---|---|
click |