Projection UI
Components

Slider

Projection UI 0.2.0 Alpha

Read this page as Markdown

These contracts describe the evolving 0.2.0 Alpha edition. Read Installation to select the matching alpha package or the stable documentation.

Component contract

Required propsOptions and defaults
value, onChangemin=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 for supported values and interaction behavior.

Examples

Slider: Default

Loading example…
Open Slider: Default in the component explorer

Slider: With Value Format

Loading example…
Open Slider: With Value Format in the component explorer

Slider: Currency Format

Loading example…
Open Slider: Currency Format in the component explorer

Slider: Disabled

Loading example…
Open Slider: Disabled in the component explorer

Slider: No Label

Loading example…
Open Slider: No Label in the component explorer

Slider: Radius — Sharp

Loading example…
Open Slider: Radius — Sharp in the component explorer

Slider: Radius — Rounded

Loading example…
Open Slider: Radius — Rounded in the component explorer

Font licenses

On this page