Paginator

One page at a time.

Example

1

Props

    🕹ī¸ standard props
    page
    number
    Current page number
    1
    maxPage
    number
    Maximum number of pages
    undefined
    🎨 style props
    --paginator-page-button-selected-background-color
    color
    Background color of the selected page button
    rgb(var(--global-color-primary-500))
    --paginator-page-button-selected-color
    color
    Text color of the selected page button
    rgb(var(--global-color-grey-100))
    --paginator-page-button-selected-padding
    size
    Padding of the selected page button
    .2rem .7rem
    --paginator-page-button-hover-background-color
    color
    Background color of the page button on hover
    rgb(var(--global-color-primary-500))
    --paginator-page-button-hover-border-radius
    size
    Border radius of the page button on hover
    8px
    --paginator-page-button-focus-color
    color
    Text color of the page button on focus
    rgb(var(--global-color-contrast-900))
    --paginator-page-button-focus-background-color
    color
    Background color of the page button on focus
    transparent
    --paginator-page-button-padding
    size
    Padding of the page button
    .2rem .7rem
    --paginator-page-button-border-radius
    size
    Border radius of the page button
    8px
    --paginator-page-button-color
    color
    Text color of the page button
    rgb(var(--global-color-contrast-900))
    --paginator-page-button-background-color
    color
    Background color of the page button
    transparent

Slots

    No data available

Events

    onchange
    Triggered when the page changes
    AttributeTypeDescription
    pagenumberThe new page number