# 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.

- Skill: `serverpod/shadcn-ui-slider` (Agent Skill)
- Install (CLI): `npx skillmds@latest add serverpod/shadcn-ui-slider`
- Raw SKILL.md: https://api.skillmd.com/api/skills/serverpod/shadcn-ui-slider/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: serverpod (https://skillmd.com/u/serverpod)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/serverpod/shadcn-ui-slider

---


# 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

```dart
ShadSlider(
  initialValue: 33,
  max: 100,
)
```

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