Icon

Be iconic.

Example

Props

    🕹ī¸ standard props
    name
    string
    The name of the material design icon.
    tabindex
    number | null
    Optional tabindex for accessibility.
    undefined
    class
    string
    Optional additional classes to apply to the icon.
    undefined
    🎨 style props
    icon-size
    size
    The font size of the icon.
    icon-color
    color
    The color of the icon.
    icon-cursor
    cursor
    The cursor style when the icon is clickable.
    pointer
    icon-pointer-events
    events
    Controls whether the icon is interactive or not.
    none
    icon-height
    size
    The height of the icon container.
    icon-width
    size
    The width of the icon container.
    icon-active-color
    color
    The color of the icon on click.
    rgb(var(--global-color-primary-600))
    icon-hover-color
    color
    The color of the icon on hover or focus.
    rgb(var(--global-color-primary-500))

Slots

    No data available

Events

    onclick
    Triggered when the icon is clicked or pressed.
    AttributeTypeDescription
    eventKeyboardEventThe keyboard event that triggered the action.