Skip to content
Qirava lowercase logo

Quill docs

Stepper

A progress/navigation component for ordered workflows with current, complete, and upcoming states.

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.

  1. PlanCompleted
  2. BuildCurrent
  3. ReleaseUpcoming

Design-system contract#

  • BUILT: current step carries `aria-current=step`; upcoming steps are disabled.
  • BUILT: status words are present for assistive tech, not only color.
  • Interactive: `.island(...)` can hydrate prev/next controls for guided flows.

Code#

Construct the component with its builder:

Stepper::new(vec!["Plan".into(), "Build".into(), "Release".into()], 1)
    .tone(Tone::Brand)
    .render()