### SCSS

#### Modifiers

Use these modifiers with `.bx--pagination__button` class.

| Selector                          | Description                        |
|-----------------------------------|------------------------------------|
| .bx--pagination__button--backward | Applies styles for backward button |
| .bx--pagination__button--forward  | Applies styles for forward button  |


### JavaScript

#### Options

| Option                    | Default Selector         | Description                                                                  |
|---------------------------|--------------------------|------------------------------------------------------------------------------|
| selectorInit              | [data-pagination]        | The selector to find the pagination                                          |
| selectorItemsPerPageInput | [data-items-per-page]    | The selector to find the input that determines the number of items per page. |
| selectorPageNumberInput   | [data-page-number-input] | The selector to find the input that changes the page displayed.              |
| selectorPageBackward      | [data-page-backward]     | The selector to find the button that goes back a page.                       |
| selectorPageForward       | [data-page-forward]      | The selector to find the button that goes forward a page.                    |

#### Events

| Name              | Description                                                                                                                                        |
|-------------------|----------------------------------------------------------------------------------------------------------------------------------------------------|
| eventItemsPerPage | Custom event fired when a user changes the number of items per page. event.detail.value contains the number of items a user wishes to see.         |
| eventPageNumber   | The name of the custom event fired when a user inputs a specific page number. event.detail.value contains the value that the user input.           |
| eventPageChange   | The name of the custom event fired when a user goes forward or backward a page. event.detail.direction contains the direction a user wishes to go. |