Published on February 04, 2021, updated on August 25, 2023

An input option, but in Slider style. This component is highly useful if you wish to have your users provide a number from a predefined range. From 1-10 or to a 100, it's all up to you.

Figma Component Variant Properties

Properties Options Notes
Position Left, Right, Top, Bottom Select the position of Input Field with the Label and tooltip within the component relative to the slider. 
State Default, Hover, Disabled, Error Select the state to use for the component.
Show Full Component True, False Toggle to show or hide other elements in the component besides the slider.
Show LabelTrue, FalseToggle to show or hide the label for the component.
Show TooltipTrue, FalseToggle to show or hide the tooltip for the component.
Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.