Range

The range() represents a numerical interval and two handles (grips) to select a sub-range within it. The purpose of the component to enable visual selection of sub-ranges within a given interval.

See the official documention for range, for all the correct props.

Examples

range(
  "range",
  `start-value` = 10,
  `end-value` = 42,
  min = 0,
  max = 100
)

range(
  "range",
  `start-value` = 4,
  `end-value` = 12,
  min = 0,
  max = 112,
  `show-tooltip` = TRUE,
  `show-tickmarks` = TRUE,
  `label-interval` = 2
)

range(
  "range",
  `start-value` = 20,
  `end-value` = 72,
  min = 0,
  max = 100,
  `show-tooltip` = TRUE
)