Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
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