The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Edit preferences
info
Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
close
EOS Design System logotype
menu
more_horiz
  • More

Range

Input elements with type ‘range’ allows users to choose an approximate number from a range. The exact value, however, is not considered important.

Description

  • Always provide a label for the range input.
  • Specify a numeric min value, and max value.
  • When the range is more important than exact value.
  • Don't use range input when a user needs to enter a precise number.
Element states
How to use this element

Example
Code
content_copy