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

Inkline is the Vue.js UI/UX Library built for creating your next design system

<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="{ name: '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="{ name: '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>