The inspector shows the properties of the selected widget and lets you edit them. It appears as a side panel in the editor and is split into three tabs:
| Tab | Content |
|---|---|
| Inspector | The properties and styles of the selected widget. |
| Event | The interaction handlers configured on the selected widget. |
| History | The edit history of the document, with the current position marked. |
Single selection
When a single widget is selected, the inspector renders the widget's properties, grouped by category. Settings are edited through the relevant control (text input, number, color, selector, and so on) and applied to the widget immediately.
The inspector uses a per-widget inspector component selected from a registry based on the widget type, so each widget type shows only its relevant properties.
Variant-aware inspection
The inspector resolves its property definitions against the active LVGL runtime version. As a result, the set of available properties reflects the widget definition for the currently selected runtime version, and switches correctly when the version changes.
Multi-selection
- Same-type multi-selection - when multiple widgets of the same type are selected, the inspector shows the shared properties and applies edits to all of them at once. Shared values are marked Shared; values that differ between the widgets are marked Mixed.
- Mixed multi-selection - when the selection contains different widget types (or a mixture that cannot be edited together), the inspector shows a summary and disables property editing.