Basic Widgets

Static text display with configurable font, size, color, and alignment.

• text: string
• fontSize: int
• color: color
• alignment: enum

Push button with text or image. Supports primary and secondary variants.

• text: string
• variant: enum
• enabled: bool
• onClicked: signal

Binary toggle control. Supports tristate mode.

• checked: bool
• text: string
• tristate: bool
• onToggled: signal

Exclusive selection within a group. Only one radio button can be selected at a time.

• selected: bool
• text: string
• group: string
• onChanged: signal

Toggle switch with animated knob. On/off state indicator.

• checked: bool
• text: string
• onToggled: signal

Continuous value control with draggable knob. Supports min/max range.

• value: float
• min: float
• max: float
• onValueChanged: signal

Linear progress indicator. Determinate or indeterminate mode.

• value: float
• min: float
• max: float

Circular rotary control. Maps rotation angle to a numeric value.

• value: float
• min: float
• max: float
• onValueChanged: signal

Single-line text input with placeholder, validation, and keyboard support.

• text: string
• placeholder: string
• inputMode: enum
• onEditingFinished: signal

Image display with auto-scaling. Supports PNG, BMP, GIF formats.

• source: string
• fillMode: enum
• premultiplied: bool

Collapsible selection list. Displays current selection and expands on click.

• model: list
• currentIndex: int
• currentText: string
• onActivated: signal

Rotary knob control. Maps rotation angle to numeric value with arc indicator.

• value: float
• min: float
• max: float
• onValueChanged: signal

Multi-column data table with headers. Sortable columns with row selection.

• model: list
• columns: list
• selectionMode: enum

Hierarchical tree with expandable nodes. Parent-child relationships.

• model: list
• rootVisible: bool
• onItemClicked: signal