@inkline/inkline/components/INav/examples/color-variants.demo.html

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

<i-nav color="light" class="_background:light">
    <i-nav-item href="https://inkline.io" onclick="return false;">Link</i-nav-item>
    <i-nav-item :to="{ path: '/docs/components/nav' }" onclick="return false;"
        >Router Link</i-nav-item
    >
    <i-nav-item>Item</i-nav-item>
    <i-nav-item disabled>Disabled</i-nav-item>
</i-nav>

<i-nav color="dark" class="_background:dark">
    <i-nav-item href="https://inkline.io" onclick="return false;">Link</i-nav-item>
    <i-nav-item :to="{ path: '/docs/components/nav' }" onclick="return false;"
        >Router Link</i-nav-item
    >
    <i-nav-item>Item</i-nav-item>
    <i-nav-item disabled>Disabled</i-nav-item>
</i-nav>