OddApp Design

Slider

@oddapp/ui · Tier 1

Range input allowing selection of a numeric value within a bounded range. (Aspirational — not yet exported by @oddapp/ui.)

Default

Slider — preview renders in browser when component is exported from @oddapp/ui
import { Slider } from '@oddapp/ui'

<Slider min={0} max={100} step={1} value={50} onChange={(v) => setValue(v)} />

Range

Slider (Range) — preview renders in browser when component is exported from @oddapp/ui
import { Slider } from '@oddapp/ui'

<Slider min={0} max={100} step={5} value={[20, 80]} range onChange={([min, max]) => setRange([min, max])} />