---
id: Slider
section: components
cssPrefix: pf-c-slider
propComponents: ['Slider', 'SliderStepObject']
---

import { Slider, Button, Text, TextVariants } from '@patternfly/react-core';
import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon';
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
import LockIcon from '@patternfly/react-icons/dist/esm/icons/lock-icon';
import LockOpenIcon from '@patternfly/react-icons/dist/esm/icons/lock-open-icon';

## Examples

### Discrete

```ts file="./SliderDiscrete.tsx"
```

### Continuous

```ts file="./SliderContinuous.tsx"
```

### Value input

```ts file="./SliderValueInput.tsx"
```

### Thumb value input

```ts file="./SliderThumbValueInput.tsx"
```

### Actions

```ts file="./SliderActions.tsx"
```

### Disabled

```ts file="./SliderDisabled.tsx"
```
