Slider

Imports

import {Slider} from 'material-expressive-react';
import {Slider} from 'material-expressive-react/slider';

Props

Prop	Type	Default	Required	Description
ariaLabelEnd	string		No
ariaLabelStart	string		No
ariaValueTextEnd	string		No
ariaValueTextStart	string		No
disabled	boolean		No
labeled	boolean		No
max	number		No
min	number		No
name	string		No
nameEnd	string		No
nameStart	string		No
onChange	((event: Event) => void)		No
onInput	((event: InputEvent) => void)		No
range	boolean		No
step	number		No
ticks	boolean		No
value	number		No
valueEnd	number		No
valueLabel	string		No
valueLabelEnd	string		No
valueLabelStart	string		No
valueStart	number		No

Events

• onChange → DOM event change
• onInput → DOM event input

Slots

Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).

If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).

Examples

See Storybook for live examples and variants.