Quill docs

Slider

A range slider with min/max/current value semantics and a token-driven filled track.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

BUILT: thumb carries slider role and value attributes from qquill-ui.
BUILT: disabled state and value text are represented in the headless contract.
Interactive: `.island(...)` wires drag/keyboard behavior when the runtime is loaded.

Code#

Construct the component with its builder:

Slider::new(0, 100, 64)
    .step(4)
    .tone(Tone::Brand)
    .value_text("64% capacity")
    .render()