shadcn-ui-slider

star 8

Use ShadSlider for numeric input within a range; initialValue, max (and min). Use when adding range sliders or numeric selection in a Flutter shadcn_ui app.

serverpod By serverpod schedule Updated 3/7/2026

name: shadcn_ui-slider description: Use ShadSlider for numeric input within a range; initialValue, max (and min). Use when adding range sliders or numeric selection in a Flutter shadcn_ui app.

Shadcn UI — Slider

Instructions

ShadSlider lets the user select a value from a range. Set initialValue and max (and optionally min). Use with state or a controller if you need to read the value on change.

Basic

ShadSlider(
  initialValue: 33,
  max: 100,
)

Use callbacks or state management to react to value changes when needed.

Install via CLI
npx skills add https://github.com/serverpod/skills-registry --skill shadcn-ui-slider
Repository Details
star Stars 8
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator