Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Slider Allocation Wire

slider-allocation-wire

Two-way allocation slider built as a slack wire between two labeled anchors: a bead sliding along the wire sets the ratio while the wire's own sag encodes the unallocated remainder, so a taut straight wire means fully committed and a deep droop means budget left on the table.

@ns-uiRegistry 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.

@ns-ui

More from @ns-ui

All 360 items
Background Lloyd Relax
background-lloyd-relax
Component
Tufting Gun Loop Pile
tufting-gun-loop-pile
Component
Seal Roll
seal-roll
Component
Loader Spring Bars
loader-spring-bars
Component
Foil Block
foil-block
Component
Chart Scatter ASCII Bin
chart-scatter-ascii-bin
Component
Stepper Ratchet
stepper-ratchet
Component
Photostat Reverse
photostat-reverse
Component