@inkline/inkline/src/components/IHeader/examples/color-variants.html

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

<i-header color="light" class="_text-align:center">
    <h1>Inkline Light Header</h1>
    <p>This is a header paragraph lorem ipsum dolor sit amet.</p>
    <i-button color="primary">Button</i-button>
</i-header>

<i-header color="dark" class="_text-align:center">
    <h1>Inkline Dark Header</h1>
    <p>This is a header paragraph lorem ipsum dolor sit amet.</p>
    <i-button color="primary">Button</i-button>
</i-header>

<i-header color="primary" class="_text-align:center">
    <h1>Inkline Primary Header</h1>
    <p>This is a header paragraph lorem ipsum dolor sit amet.</p>
    <i-button color="light">Button</i-button>
</i-header>