# NavigationButton

<div align="left"><img src="https://4102328192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWxk9k4ZoHtWQJdRi1G%2F-LXc1x-UqAqLoO2XwNQ0%2F-LXc2-5bPpNWS71nYgGM%2FNavigationButton.bmp?alt=media&#x26;token=d2c7a3c7-d2de-4737-a4af-c5a5ded92228" alt="Display example"></div>

Generate navigation buttons.

#### Examples

```javascript
<NavigationButton buttonType="zoom-in"
actions={this.props.actions} viewport={this.props.viewport} />
```

#### Properties

| Properties | PropTypes       | Default            | Description                          |
| ---------- | --------------- | ------------------ | ------------------------------------ |
| buttonType | string required | --                 | 'zoom-in' or 'zoom-out' or 'compass' |
| actions    | object required | --                 | state `actions`                      |
| viewport   | object required | --                 | state `viewport`                     |
| className  | string option   | 'harmovis\_button' | html tag attribute `class`           |

