Getting StartedInstallation and setup guides 6
FormInput and selection components 27
FlowWorkflow graph and execution surfaces 4
LayoutStructural layout components 9
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7
Overview API Styling Examples

Form usage

Place the slider inside a standard form and keep the chosen numeric value ready for submission.

Slider form usage (Plain CSS)

Tune priority

Choose the escalation priority as part of a larger notification settings form.

Priority: 70%

Stepped slider

Use step when the value should move through a fixed set of increments.

Stepped slider (Plain-CSS)

Cache buffer

Stepped values keep a predictable set of allowed choices.

0m30m60m