Paginação

Um pager controlado que reutiliza o pequeno Botão secundário para Anterior / Seguinte e renderiza células de página 32px. Quando existem muitas páginas, ele colapsa em pontos principais e finais em torno de uma janela de irmãos, como no exemplo abaixo.

Instalação

Você pode adicionar este componente de paginação usando nosso CLI ou manualmente:

Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.

O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.

npx boardui@latest add pagination

Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.

Sumário

A paginação é uma controlado componente - você possui o estado da página atual e ele renderiza a janela da página, pontos transbordantes e controles Anterior / Seguinte (que reutilizam o Button componente). Vamos cobrir os seguintes tópicos:

  • Paginação básica
  • Estado da página controlada
  • Sobrefluxo & a janela de irmãos
  • Reutilizar o componente Botão