webcoreui/components/Pagination/pagination.ts

UI component and template library for Astro, Svelte, and React apps styled with Sass.

import type { ButtonProps } from '../Button/button'

export type PaginationEventType = {
    page: number
    direction: 'prev' | 'next'
    label?: string | number | undefined
}

export type PaginationProps = {
    type?: 'arrows' | 'dots' | null
    showChevrons?: boolean
    showDots?: boolean
    disablePrevious?: boolean
    disableNext?: boolean
    previousLink?: string
    nextLink?: string
    previousPageLabel?: string
    nextPageLabel?: string
    className?: string
    theme?: ButtonProps['theme']
    totalPages?: number | null
    currentPage?: number | null
    pages?: {
        label: number | string
        active?: boolean
        link?: string
    }[]
}