Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component3 dependencies

Range Slider Inline Slider

range-slider-inline

An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as it passes.

@beuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@beui

More from @beui

All 48 items
Multi-chain Swap
swap
Block
Button Button
button-base
Component
Table Editable Table
table-editable
Component
Button Stateful Button
button-stateful
Component
Text Animation Text Shimmer
text-shimmer
Component
Checkbox
checkbox
Component
Number Animation Digit Swap
digit-swap
Component
Expandable Control
expandable-control
Component