Sigta UI · Kit

Button

Variants

Source
<sigta:button variant="primary">Save draft</sigta:button>
    <sigta:button>Preview</sigta:button>
    <sigta:button variant="ghost">Cancel</sigta:button>
    <sigta:button variant="cta">Book a project <sigta:icon name="arrow-right" size="sm" /></sigta:button>
    <sigta:button variant="danger">Delete</sigta:button>

States & sizes

As link Opens in a new tab
Source
<sigta:button variant="primary" disabled>Disabled</sigta:button>
    <sigta:button href="#top" variant="secondary">As link</sigta:button>
    <sigta:button href="https://example.com" target="_blank" variant="cta">Opens in a new tab</sigta:button>
    <sigta:button variant="primary" size="sm">Small</sigta:button>

Inverse variants (for dark / ink bands)

Source
<div class="rounded-frame bg-inverse p-8 flex flex-wrap items-end gap-4">
        <sigta:button variant="inverse">Book en intro-samtale</sigta:button>
        <sigta:button variant="ghost-inverse">Skriv en mail</sigta:button>
    </div>