fieldType
One field definition (money, status, date, select…) drives DataTable cell rendering, PropertyFilter widgets, Form fields, and description-list rows — instead of wiring each surface by hand.
Rendered example — light + dark
Light
One fieldDefs object (ROADMAP Epic 24) drives every surface below — a DataTable column, a Form field, a description-list row, and a PropertyFilter property — for amount, status, and category.
PropertyFilter (surface 4) → DataTable (surface 1)
description-list (surface 3)
- Amount
- $4,820.00
- Status
- Paid
- Category
- Hardware
- Created
- January 14, 2026
Form (surface 2) — edit the selected order
Dark
One fieldDefs object (ROADMAP Epic 24) drives every surface below — a DataTable column, a Form field, a description-list row, and a PropertyFilter property — for amount, status, and category.
PropertyFilter (surface 4) → DataTable (surface 1)
description-list (surface 3)
- Amount
- $4,820.00
- Status
- Paid
- Category
- Hardware
- Created
- January 14, 2026
Form (surface 2) — edit the selected order
Recipes & props
A realistic usage snippet for this component. Imports come from
@/components/ui/….
See the
source
for the full API.
No snippet yet for this component — open the source link above, or read the contribution guide .