Inputs
Slider
Gray body sliders with end labels, and green stat sliders with a value readout and info hint.
Source captures·from the SEED early-access trailer
Body sliders
Neutral fill with labelled ends, used for body shape and height.
Shape
SmallBig
Height
ShortTall
Stat sliders
Green fill, an info hint and the value at the right.
Intelligence1
Willpower4
Charisma8
In context
Points are capped by the remaining budget; the radar follows the sliders.
Remaining points for Physical Stats 3
Strength6
Agility5
Dexterity1
Perception1
Stamina1
Resilience1
Sizes, tones & states
API
| Prop | Type | Default | Description |
|---|---|---|---|
| SeedSlider.tone | "neutral" | "green" | "blue" | "neutral" | |
| SeedSlider.size | "sm" | "default" | "lg" | "default" | |
| SeedSlider.* | Radix Slider props | — | value, defaultValue, min, max, step, onValueChange… |
| SliderField.label | ReactNode | — | |
| SliderField.info | boolean | string | — | Adds an ⓘ after the label. |
| SliderField.showValue | boolean | false | |
| SliderField.startLabel / endLabel | ReactNode | — | Labels under each end. |
| SliderField.value / onValueChange | number / (v: number) => void | — | Single-value API. |