@inkline/inkline/components/IToggle/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.

<div>
    <div class="_background:white _display:flex _align-items:center _padding:1">
        <i-toggle v-model="light" color="light">I accept the terms and conditions</i-toggle>
    </div>

    <div class="_background:gray-90 _display:flex _align-items:center _padding:1">
        <i-toggle v-model="dark" color="dark">I accept the terms and conditions</i-toggle>
    </div>
</div>