# Slider

These contracts describe the evolving 0.2.0 Alpha edition.
Read [Installation](/docs/installation/) to select the matching alpha package or the stable documentation.

## Component contract

| Required props | Options and defaults |
| --- | --- |
| value, onChange | min=0, max=100, step=1, label, aria-label, valueFormat, hint, disabled=false |

Shared application peers: `react >=19.0.0`, `react-dom >=19.0.0`.
Your application supplies React 19 and React DOM 19.


Read the [full component reference](https://github.com/hannasage/projection-ui/blob/d03bbaeb0321b95106207959e19c35e004438ff1/docs/components.md) for supported values and interaction behavior.

## Examples

[Slider: Default](/examples/?path=/story/components-slider--default)

[Slider: With Value Format](/examples/?path=/story/components-slider--with-value-format)

[Slider: Currency Format](/examples/?path=/story/components-slider--currency-format)

[Slider: Disabled](/examples/?path=/story/components-slider--disabled)

[Slider: No Label](/examples/?path=/story/components-slider--no-label)

[Slider: Radius — Sharp](/examples/?path=/story/components-slider--radius-sharp)

[Slider: Radius — Rounded](/examples/?path=/story/components-slider--radius-rounded)