page list
Template para tela de listagem básica. Segue espaçamentos, estilizações e padrões já pré-definidos por um designer de produto.
demo interativa
Uma versão de interativa do componente desenvolvido.
propriedades*
| property | description | required | default value | type |
|---|---|---|---|---|
description | The description of the page. | false | undefined | string |
title | The title of the page. | true | undefined | string |
table | The table configuration for the page. | true | undefined | { columns: IColumn[]; rows: IRow[]; } |
pagination | The pagination configuration for the page. | false | undefined | { currentPage: number; pageCount: number; handlePaginationChange: (newPage: number) => void; } |
isLoading | A boolean that indicates if the table is loading. | false | false | boolean |
isLoadingComponent | JSX Element that will be rendered when isLoading is true, it replaces the default loading component. | false | undefined | Element |
isEmpty | A boolean that indicates if the table has any error. | false | false | boolean |
isEmptyComponent | JSX Element that will be rendered when isEmpty is true, it replaces the default empty component. | false | undefined | Element |
isError | The error state of the page. | false | false | boolean |
isErrorComponent | JSX Element that will be rendered when isError is true, it replaces the default error component. | false | undefined | Element |
filter | The filter configuration for the page. | false | undefined | { form: ReactNode; onFilter: () => void; onClean: () => void; onClose: () => void; } |
header | Page header. | false | undefined | ReactNode |
*valores gerados automaticamente.