Interface component
Range slider
Define an interval. Two independent thumbs define a bounded range without crossing.
Try this componentInteraction
Two independent thumbs define a bounded range without crossing.
Use it for
Define an interval
Implementation
React / Motion. Part of the Controls family in Optical UI. The live example supports interactive exploration; this page provides its permanent reference.
Explore this design language · Implementation guide · Download source
