Master data
Split-pane reference editor. Three compositions covering hierarchical and flat reference data.
COMPOSITION 01
Flat list · chart of accounts
Searchable left list, edit form on the right. 280 px sidebar.
Use whenA flat reference list — chart of accounts, tax codes, payment methods, employee types.
Cash · Park Centre
1000 · current asset
COMPOSITION 02
Tree · product categories
Hierarchical tree on the left, drag-to-reorder. Edit form on the right.
Use whenThe reference list is nested — categories, regions, departments, account groups.
Groceries
156 SKUs · 3 sub-categories
COMPOSITION 03
Grid · rate matrix
When the reference is a small matrix (tax × region, role × permission), use a grid instead of split-pane.
Use whenThe reference is a 2D matrix — best edited as a grid, not a list of records.
Role × permission matrix
| Permission | Cashier | Manager | Bursar | Owner |
|---|---|---|---|---|
| View receipts | ||||
| Issue refund | ||||
| Close shift | ||||
| View payroll | ||||
| Run payroll | ||||
| Delete records |
Shared rules
Do
Pin search at the top of the sidebar.
Don't
Open edit in a modal — inline keeps list visible.
Do
Reach for the matrix variant when the data is naturally 2D.
Don't
Auto-select the first record on load.