All skills

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

  • 55 files
  • 134.6 KB
  • MIT
  • Updated 8 months ago
  • GitHub

Use this Skill: https://skilld.dev/gh/onmax/claude-config/reka-ui

This session only. Nothing lands on disk.

componentsslider.md

≈331 tokens on demand. Your agent reads this file only when SKILL.md points to it.

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 -

Source: SKILL.md on GitHub

No third-party reports yet.

Signed by skilld at efeb94c. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 9 hours ago.

Activeupdated 8 months ago

README badge

README badge for onmax/claude-config/reka-ui