✳flâneur — a map of the web's best reading

Sliders - Material Design

m2.material.io · 2,288 words · saved by 1 readers

Sliders allow users to view and select a value (or range) from the range along a bar. They’re ideal for adjusting settings such as volume and brightness, or for applying image filters. Sliders can use icons on both ends of the bar to represent a numeric or relative scale. The range of values or the nature of the values, such as volume change, can be communicated with icons. Changes made with sliders are immediate, allowing the user to make slider adjustments while determining a selection. Sliders shouldn’t be used to adjust settings with any delay in providing user feedback. Sliders reflect the current state of the settings they control. Sliders should be used for making selections from a range of values. When interacting with a slider, changes should be reflected back to a user immediately. Sliders should present the full range of choices that are available to a user. Editable numeric values allow users to set the exact value of a slider. Upon pressing the thumb or the value indicator

Guidance in beta reflects the latest Material Design insights. It may significantly change to support new research and code. This site uses cookies from Google to deliver its services and to analyze traffic. <a href="https://policies.google.com/technologies/cookies">Learn more.</a> Don’t worry, we’ll help you get where you need to go. Try searching again, or using the links below to find what you’re looking for: Create an error page without providing navigational hints or the context of the error to the user. Material is an adaptable system of guidelines, components, and tools that support the

Explore this link on the map →

saved by

related reading