The CRUD package ships with React components that connect to your BaseCrudView endpoints and render the full UI — no custom table or detail code required for standard cases.
Components
| Component | Import from | Purpose |
|---|
CrudHandler | @zango-core/crud/table | Full list + detail view for a CRUD endpoint |
TableBody | @zango-core/crud/table | Table body — swap to change list layout |
FormRenderer | @zango-core/crud/form | Renders a form from a backend schema |
WorkflowStatus | @zango-core/crud/table | Standalone workflow status + transitions UI |
WorkflowTags | @zango-core/crud/table | Standalone workflow tags UI |
When to Use What
| Scenario | Approach |
|---|
| Standard list/create/edit/delete on one model | CrudHandler with page_type: "crud" in AppBuilder |
| Same as above but with a custom detail drawer | CrudHandler with customDrawerDetail prop |
| Full-page detail view (navigate on row click) | CrudHandler with customTableBody + customMainDetail |
| Custom list layout (kanban, calendar, cards) | CrudHandler with customTableBody |
| Dashboard, wizard, or no list/detail pattern | Fully custom React component |
Sections
| Section | Description |
|---|
| CrudHandler | All CrudHandler variants and props |
| FormRenderer | Server-driven and local RJSF forms |
| WorkflowStatus & Tags | Standalone workflow components |