Documentation Index
Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
Use this file to discover all available pages before exploring further.
Slider
In progress | Storybook link coming soonWhen to use
- When users need to adjust a value within a continuous range, such as volume, brightness, or price filters.
- When the exact value isn’t critical and can be fine-tuned visually.
- When providing immediate visual feedback is beneficial (e.g., media scrubbing, live previews).
- For range selections, where users specify a minimum and maximum (e.g., numerical-based filters).
When to use something else
- Precise numeric entry: use Input or Select.
- Categorical labels (“Low / Medium / High”): use Radio or Select.
Behavior
Feedback: Interaction with the Slider can either be immediate or deferred upon user submission. Consider live feedback of a Slider if the effect is visual, especially for settings like opacity, brightness, font size or when media scrubbing. Deferred feedback: When using a Slider to adjust filters or non-visual settings, consider the impact of immediate updates on the user experience. If changes trigger screen reloads or cause noticeable visual shifts, it can feel disruptive or frustrating, especially if performance isn’t smooth. In these cases, it may be better to let users make their adjustments first and then apply the changes only after they click “Submit” or “Apply”. When using deferred feedback, make sure to add help text or somehow indicate a user must hit submit in order to see the changes.Often used with
- Label, Helper text; optional numeric Input beside the track for exact values; live preview regions when adjusting visuals.