UNPKG

carbon-components

Version:

Carbon Components is a component library for IBM Cloud

32 lines (23 loc) 2.44 kB
### 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 | | `.bx--pagination__button--no-index` | Applies styles for disabled 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 | Default Value | Description | | ------------------- | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | | `eventItemsPerPage` | `itemsPerPage` | 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` | `pageNumber` | 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` | `pageChange` | 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. |