Nav Link

The <NavLink> component is used in navigation (ex: in Console). All additional properties are sent directly to the underlying HTML <a> element.

Properties

Name
Default
Description
active
false
If the link is active (boolean)

Slots

Name
Default
default
The default content of the Nav Link.
start
The content of the start slot (left side).
end
The content of the end slot (right side).

Examples

<NavLink href="/" active>Overview</NavLink>
<NavLink href="/">Comments</NavLink>
<NavLink href="/">Pages</NavLink>
<NavLink href="/" disabled>Disabled</NavLink>

With Slots

<NavLink href ="/" active>
    <IconColumns slot="start"></IconColumns>
    Overview
</NavLink>

<NavLink href="/">
    <IconChat slot="start"></IconChat>
    Comments
</NavLink>

<NavLink href="/">
    <IconFile slot="start"></IconFile>
    Pages
</NavLink>

<NavLink href="/">
    <IconCoin slot="start"></IconCoin>
    Billing
    <IconExclamationCircle slot="end"></IconExclamationCircle>
</NavLink>