# Slider

A slider component.

## Usage <a href="#usage" id="usage"></a>

```jsx
import { Component } from 'react'
import { Slider } from '@aragon/ui'

class App extends Component {
  state = {
    progress: 0,
  }
  render() {
    const { progress } = this.state
    return (
      <Slider
        value={progress}
        onUpdate={(value) => this.setState({ progress: value })}
      />
    )
  }
}
```

## Demonstration

![](https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-077872aa3fe3f6d829dd2512c3c7ebd2682114c6%2FSchermata%202022-06-25%20alle%2023.04.07.png?alt=media)

## Props <a href="#props" id="props"></a>

#### `value` <a href="#value" id="value"></a>

* Type: `Number`
* Default: `0`

#### `onUpdate` <a href="#onupdate" id="onupdate"></a>

* Type: `Function: (value: Number) -> *`