Shadcn UI Slider

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 d209fc1 568 B Updated

File contents

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.

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-slider commit d209fc1c70

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-slider