Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Reka UI

Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

54

Skill

n/a

Size

134.4 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/slider.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown60 linesFree

Slider

Range input control

Parts: SliderRoot, SliderTrack, SliderRange, SliderThumb

SliderRoot

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`defaultValue`	`number[]`	`[0]`
`dir`	`"ltr" \	"rtl"`	-
`disabled`	`boolean`	`false`
`inverted`	`boolean`	`false`
`max`	`number`	`100`
`min`	`number`	`0`
`minStepsBetweenThumbs`	`number`	`0`
`modelValue`	`number[]`	-
`name`	`string`	-
`orientation`	`"vertical" \	"horizontal"`	`"horizontal"`
`step`	`number`	`1`

Emits

Event	Payload
`update:modelValue`	`[payload: number[]]`
`valueCommit`	`[payload: number[]]`

Slots

Slot	Type
`modelValue`	`number[]`

SliderTrack

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"span"`
`asChild`	`boolean`	-

SliderRange

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"span"`
`asChild`	`boolean`	-

SliderThumb

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-