Design pattern
Dokumentasi komponen dan token na-design-system.
@supriyadies-work/na-design-system@1.2.5
Organisms
Breadcrumbs
Organisms
Props
| Name | Type | Required |
|---|---|---|
| items | BreadcrumbItem[] | Yes |
| className | string | No |
Data Table
Organisms
Form
Organisms
Props
| Name | Type | Required |
|---|---|---|
| fields | FormField[] | Yes |
| onSubmit | (data: Record<string, any>) => void | Promise<void> | Yes |
| submitLabel | string | No |
| cancelLabel | string | No |
| onCancel | () => void | No |
| loading | boolean | No |
| error | string | No |
| success | string | No |
| className | string | No |
| validation | | ValidationSchema | ((data: Record<string, any>) => Record<string, string>) | No |
Modal Full
Organisms
Props
| Name | Type | Required |
|---|---|---|
| isOpen | boolean | Yes |
| onClose | () => void | Yes |
| title | string | Yes |
| children | React.ReactNode | Yes |
| footer | React.ReactNode | No |
| size | "sm" | "md" | "lg" | "xl" | "full" | No |
| className | string | No |
| showCloseButton | boolean | No |
Page Container
Organisms
Props
| Name | Type | Required |
|---|---|---|
| children | React.ReactNode | Yes |
| className | string | No |
| maxWidth | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | No |
| testId | string | No |
Page Loader
Organisms
Props
| Name | Type | Required |
|---|---|---|
| testId | string | No |
Pagination
Organisms
Props
| Name | Type | Required |
|---|---|---|
| currentPage | number | Yes |
| totalPages | number | Yes |
| onPageChange | (page: number) => void | Yes |
| className | string | No |
| showPageNumbers | boolean | No |
| maxVisiblePages | number | No |
| testId | string | No |