mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
feat(pagination-nav): add tooltipPosition
prop (#1733)
* Add `tooltipPosition` to `PaginationNav` per #1656 * Rebuild test * Update description in documentation Co-authored-by: Enrico Sacchetti <esacchetti@gmail.com> * chore: update docs --------- Co-authored-by: Samuel Janda <hi@simpleprogramming.com.au> Co-authored-by: Enrico Sacchetti <esacchetti@gmail.com> Co-authored-by: Enrico Sacchetti <enrico@theetrain.ca>
This commit is contained in:
parent
edcb14b3c9
commit
60a796ea48
5 changed files with 50 additions and 11 deletions
|
@ -8520,6 +8520,18 @@
|
|||
"isRequired": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "tooltipPosition",
|
||||
"kind": "let",
|
||||
"description": "Set the position of the tooltip relative to the pagination buttons.",
|
||||
"type": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"outside\" | \"inside\"",
|
||||
"value": "\"bottom\"",
|
||||
"isFunction": false,
|
||||
"isFunctionDeclaration": false,
|
||||
"isRequired": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
}
|
||||
],
|
||||
"moduleExports": [],
|
||||
|
|
|
@ -42,4 +42,10 @@ Use the `forwardText` and `backwardText` props to customize the button text.
|
|||
<PaginationNav
|
||||
forwardText="Next"
|
||||
backwardText="Previous"
|
||||
/>
|
||||
/>
|
||||
|
||||
## Tooltip Position
|
||||
|
||||
Use the `tooltipPosition` prop to change the alignment of the tooltip.
|
||||
|
||||
<PaginationNav tooltipPosition="outside" total={3} loop />
|
Loading…
Add table
Add a link
Reference in a new issue