Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Blocks
  2. Crud Page
  3. API and Development

CRUD page

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
CrudPage from @prepared911/ui/blocks/crud-page is a list of records: a heading, an optional filter bar, a DataTable, and create, edit, delete, and detail flows. It is one component. It does not take header, alert, and toolbar as child slots you arrange.
Props
PropMeaning
titleRequired page heading.
recordsRequired rows, each with a stable id.
columnsRequired DataTableColumn<T>[]. The row actions menu is not one of your columns.
tableRequired. label plus DataTable props the page does not own.
emptyRequired noRecords and noResults copy.
filtersFilters props except the value. Omit for no bar.
filtersValue / onFiltersChangeThe filter value, if you hold it.
formcreate and edit each turn on that form.
deleteConfirmation copy and the handler.
detailDrawer labels and sections.
rowActionsNames for each row's more button and its View, Edit, and Delete items.
variantCrudPageVariant.Default or Card.
drawerModeOverlay reserves scroll room. Inline sits beside the table.
Import
Previous
Crud Page / Usage
Next
Crud Page / Accessibility
On this page
Props
Import