Class UIPropertySheet<T>

A key-value inspector panel that renders a schema of typed fields against a data object.

Each field definition maps to an appropriate editor widget (UIInput, UISelect, UICheckbox, UIColorPicker, or UISlider). Changes are emitted per-field via propertyChange and the data model is updated in-place.

Basic usage

<ui-property-sheet
  [fields]="fields"
  [(data)]="config"
  (propertyChange)="onChanged($event)"
/>
Copy

Grouped fields

const fields: PropertyFieldDefinition<Config>[] = [
  { key: 'name',  label: 'Name',  type: 'string', group: 'General' },
  { key: 'color', label: 'Color', type: 'color',  group: 'Appearance' },
];
Copy