Slider
A slider component for selecting a value from a range.
Installation
Default
Start with the standard shadcn single-thumb pattern: seed a value with default-value and let the slider manage itself.
Preview
Volume
Use default-value when the slider can hold its own state until form submission.
Controlled
Pair value, on-value-change, and on-value-commit when the rest of the interface needs to stay in sync with the active value.
Preview
Deployment confidence
Adjust the rollout threshold that decides when release checks can pass automatically.
Current
{deploymentConfidenceLabel}
Last Committed
{deploymentConfidenceCommittedLabel}
Commit events are useful when you only want to trigger side effects after the drag gesture ends.
Range
Pass two values to render a dual-thumb slider for bounded windows such as quiet hours, budgets, or thresholds.
Preview
Quiet hours
Batch deployment notifications during the least disruptive part of the morning.