Backoffice
Pagination
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Backoffice / Pagination
string
string
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
Variant · Cursor
| Backoffice / Pagination |
|---|
Variant · Load more
| Backoffice / Pagination |
|---|
Variant · Loading
| Backoffice / Pagination |
|---|
Variant · End
| Backoffice / Pagination |
|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| variant? | "cursor" | "end" | "load-more" | "loading" | "cursor" | Figma "Variant": Cursor (summary + previous/next) or the centred Load more / Loading / End. |
| summary? | ReactNode | — | Figma "summary" (showSummary, on by default): "1–50 de 312". |
| className? | string | — | |
| children? | ReactNode | — |
TableToolbar
The row above a table (Figma "Backoffice / Table Toolbar" 2056:57424, 36 px): search, segments, filters and the columns button; State=Filtered adds a second row of applied chips.
TableEmpty
What a table shows instead of rows (Figma "Backoffice / Table Empty" 2056:57525): Empty, No results, Error.