## Examples

### Discrete


import SliderDiscrete from "./SliderDiscrete.tsx?raw"

<LiveExample src={SliderDiscrete} />

### Continuous


import SliderContinuous from "./SliderContinuous.tsx?raw"

<LiveExample src={SliderContinuous} />

### Value input


import SliderValueInput from "./SliderValueInput.tsx?raw"

<LiveExample src={SliderValueInput} />

### Thumb value input


import SliderThumbValueInput from "./SliderThumbValueInput.tsx?raw"

<LiveExample src={SliderThumbValueInput} />

### Actions


import SliderActions from "./SliderActions.tsx?raw"

<LiveExample src={SliderActions} />

### Disabled


import SliderDisabled from "./SliderDisabled.tsx?raw"

<LiveExample src={SliderDisabled} />

## Types

### SliderOnChangeEvent

The slider's `onChange` prop accepts an `event` parameter of the following types:

- `React.MouseEvent`
- `React.KeyboardEvent`
- `React.FormEvent<HTMLInputElement>`
- `React.TouchEvent`
- `React.FocusEvent<HTMLInputElement>`

The `SliderOnChangeEvent` type is a union of the above event types, and can be imported and used in your code like in the following code snippet:

```

<Slider onChange={(event: SliderOnChangeEvent) => {}} />
```