Slider — Sigta UI

With live value

Ink density

Source

<div class="max-w-md"><sigta:slider label="Ink density" min="0" max="100" value="60" show-value /></div>

Plain + description

Compression

Higher is smaller, slower.

Source

<div class="max-w-md"><sigta:slider label="Compression" description="Higher is smaller, slower." min="0" max="9" value="4" /></div>

States

Disabled

Error

Out of safe range.

Source

<div class="max-w-md flex flex-col gap-6">
        <sigta:slider label="Disabled" value="30" disabled />
        <sigta:slider label="Error" value="90" error="Out of safe range." />
    </div>