Floating Nav
<sl-floating-nav> | SlFloatingNav
The floating nav component.
<sl-floating-nav current-page=2 total-pages=4></sl-floating-nav>
Examples
First Example
TODO
Second Example
TODO
[component-metadata:sl-floating-nav]
Slots
| Name | Description |
|---|---|
| (default) | The default slot. |
example
|
An example slot. |
Learn more about using slots.
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
currentPage
current-page
|
The current page index. |
|
number
|
1
|
totalPages
total-pages
|
The total number of pages. |
number
|
1
|
|
updateComplete |
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties.
Events
| Name | React Event | Description | Event Detail |
|---|---|---|---|
sl-change |
|
Emitted when the page number changes. | - |
Learn more about events.
Parts
| Name | Description |
|---|---|
base |
The component’s base wrapper. |
Learn more about customizing CSS parts.
Dependencies
This component automatically imports the following dependencies.
<sl-icon><sl-icon-button>