Overview
The DMS ships a catalog of components you declare on the backend and the shared Nuxt frontend renders them. For standard screens you write no Vue: you compose these builders and the frontend draws the result. This section is the reference for each one.
If you haven't yet seen how components attach to a page, read Pages & components first — this section is the per-component detail it points to.
How to read each chapter
The component chapters follow the same shape, so you can scan them the same way — Data types, Data controller, and File storage are supporting references with their own structure:
- What it renders — the visual anatomy (what the user actually sees).
- Usage — the import and a minimal, real example.
- Options — the builder's options, from source.
- Features — the notable capabilities.
- Permissions — how the page's Auth & permissions applies to it.
The catalog
| Group | Use it for | Chapter |
|---|---|---|
| Charts & widgets | Dashboard data-viz: charts, KPI cards, top lists, period selector | Charts & widgets |
| Layout & containers | Arrange components: grids, stacks, tabs, placeholders | Layout & containers |
| Custom component | The escape hatch to a freeform Vue component when the builders don't fit | Custom component |
| Form | Data entry / edit screens, validated and submitted to a route | Forms |
| Tables | Paginated, filterable, sortable lists & CRUD, backed by a DataController | Tables |
| Tree | Hierarchical, expandable/selectable data with lazy loading | Tree |
| Data types | Field & column types — the type of every form field and table column | Data types |
| Data controller | The backend data layer — declare a shape, routes, and field decorators once | Data controller |
| File storage | The storage backend & presigned upload behind the file / image types | File storage |
SaaS mode
Turn the dashboard into a sellable product with cms-saas — Stripe configuration, public owner registration, plans that gate permissions, and the billing operations on both sides.
Charts & widgets
Data-viz and dashboard components — charts, ChartCard, KpiCard, TopListCard, and the PeriodSelector that scopes them.