useRangeScrollbar API

Signature

useRangeScrollbar(options: UseRangeScrollbarOptions): UseRangeScrollbarResult

Parameters

Name	Type	Description
options	UseRangeScrollbarOptions	Controlled range, domain, minimum span, and change handler.

Returns

UseRangeScrollbarResult

Clamped range state, thumb percentages, and range mutation helpers.

Examples

const scrollbar = useRangeScrollbar({
  min: 0,
  max: 100,
  value,
  minSpan: 5,
  onValueChange: setValue,
});

return <span>{scrollbar.thumbWidthPercent}% visible</span>;