Display and status

Icon

Icon - SVG icon component Displays SVG icons from presets or custom paths. Accessibility: - Use aria-label for informative icons - Uses aria-hidden="true" by default (decorative)

Public export

typescript

import { Icon } from '@happyvertical/smrt-ui';

Import path: @happyvertical/smrt-ui
Props: 6
Props described: 6 of 6
Bindable state: 0
Callback events: 0
Verified release: 0.44.0

Props

NameTypeRequiredDescription

namestringNoPreset icon name

pathstringNoCustom SVG path

sizestring | numberNoIcon size (number for pixels, string for CSS value)

colorstringNoIcon color

viewBoxstringNoSVG viewBox

aria-labelstringNoAccessible label (makes icon informative)

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation