Siirry sisältöön

Pagination

Komponentti pitkien listausten sivutukseen.

Julkaistu versiossa 4.0.0

React API

Pagination

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string

PaginationGroup

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string

PaginationButton

Ref-prop välitetään komponentin renderöimän painikkeen tai linkin HTML-elementille.

  • active

    Aktiivisen sivun korostus

    Tyyppi: boolean

    Oletusarvo: false

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType<any, keyof IntrinsicElements>

  • caret

    Pudotusvalikon nuoli (käytössä vain, kun elementti renderöidään painikkeena, dropdown-komponentin kanssa)

    Tyyppi: boolean

    Oletusarvo: false

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • disabled

    Estetty painike

    Tyyppi: boolean

    Oletusarvo: false

  • next

    Seuraava sivu -painike

    Tyyppi: boolean

    Oletusarvo: false

  • onClick

    Komponentin onClick-funktio

    Tyyppi: (event: MouseEvent<Element, MouseEvent>) => void

  • previous

    Edellinen sivu -painike

    Tyyppi: boolean

    Oletusarvo: false

  • ref

    Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan

    Tyyppi: any

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string

PaginationText

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

    Oletusarvo: "span" as E

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • more

    Kolme pistettä ("...")

    Tyyppi: boolean

    Oletusarvo: false

  • srOnlyText

    Ruudunlukijoille suunnattu teksti, joka luetaan kolmen pisteen sijasta (more-prop).

    Tyyppi: string

    Oletusarvo: ""

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string