<ui-nav-item>

Navigation item with icon and label.

Shell · stable · since 2.0.0 · extends _UIElement

Examples

<ui-nav><ui-nav-item href="/" icon="house">Home</ui-nav-item></ui-nav>
<ui-nav><ui-nav-item href="/docs" match="prefix">Docs</ui-nav-item></ui-nav>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    hrefhrefstring""Link target.
    iconiconstring""Font Awesome icon name.
    matchmatchstring""exact or prefix: derive active state from location.

    Methods

    None.

    Events

    None.

    Slots