UNPKG

carbon-components

Version:

Carbon Components is a component library for IBM Cloud

carbondesignsystem.com

IBM/carbon-components

31 lines (24 loc) • 2.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
### SCSS #### Modifiers Use these modifiers with `.bx--pagination-nav` class. | Selector | Description | | -------------------------------------- | --------------------------------------------------------------- | | `.bx--pagination-nav--active` | Applies active styles to page element | | `.bx--pagination-nav--disabled` | Applies disabled styles to page element when using anchor links | | `.bx--pagination-nav__page--select` | Applies select override styles to page element | | `.bx--pagination-nav__page--direction` | Applies previous/next button styles to page element | ### JavaScript #### Options | Option | Default Selector | Description | | ---------------------- | ------------------------------------ | --------------------------------------------------------- | | `selectorInit` | `[data-pagination-nav]` | The selector to find the pagination nav. | | `selectorPageElement` | `[data-page]` | The data attribute to find page elements. | | `selectorPageButton` | `[data-page-button]` | The data attribute to find page ui elements. | | `selectorPagePrevious` | `[data-page-previous]` | The selector to find the 'previous' ui element. | | `selectorPageNext` | `[data-page-next]` | The selector to find the 'next' ui element. | | `selectorPageSelect` | `[data-page-select]` | The selector to find the overflow select element. | | `selectorPageActive` | `[data-page-active="true"]` | The data attribute to find active page element. | | `attribPage` | `data-page` | The data attribute key for accessing page number. | | `attribActive` | `data-page-active` | The data attribute key for accessing active page element. | | `classActive` | `bx--pagination-nav__page--active` | The CSS class for pages's selected state. | | `classDisabled` | `bx--pagination-nav__page--disabled` | The CSS class for pages's disabled state. |