Component reference

Look up every QWidget element, its attributes, content property, and runtime behavior.

Element	Purpose	Content syntax	Docs
`Widget`	Widget root	Child elements	Widget
`Widget.Inputs` / `Widget.Outputs`	Input/output contract	Child elements	Widget.Using
`Container`	Panel with border/background/radius	Child elements	Container
`Row`	Horizontal layout	Child elements	Row
`Column`	Vertical layout	Child elements	Column
`Grid`	Multi-column grid + attached properties	Child elements	Grid
`Tabs` / `TabItem`	Tab control	Child elements	Tabs
`List`	Array list	`ListItem`	List
`ListItem`	List item template	One root element	ListItem
`If`	Conditional rendering	Child elements	If
`Divider`	Divider line	—	Divider
`Spacer`	Fixed spacing	`Size`	Spacer
`Text`	Text	`Value`	Text
`Button`	Button + action	`Text`	Button
`Link`	Text link	`Text`	Link
`Image`	Image	`Src`	Image
`Media`	Audio/video	`Source`	Media
`TextBox`	Text input	`Value`	TextBox
`CheckBox`	Checkbox	`Text`	CheckBox
`Slider`	Slider	`Value`	Slider
`Select`	Dropdown	`Options`	Select
`Progress`	Progress bar	`Value`	Progress
`FilePicker`	File picker	`Text`	FilePicker
`ColorPicker`	Color picker	`Value`	ColorPicker
`Dialog`	Modal dialog with Page Content	`Content` / children	Dialog
`Data`	Data source	`Url`	Data
`Resources`	Named resources	Child elements	Resources
`Triggers` / `Trigger`	Event triggers	Child elements	Triggers
`Function`	TypeScript function	Property elements	Function
`Widget.Using`	Nested widget	Text reference	Widget.Using

Conventions

Element names, attributes, and enum values use PascalCase.
Every component page contains signature, attribute table, content syntax, runtime behavior, examples, and gotchas.
For value meanings, allowed values, and defaults, see Attribute values.
Every visual node also supports Target (script addressing), Visible, and When (size breakpoints); see QWidget XML syntax.
General syntax: QWidget XML syntax.
Bindings, actions, and version requirements: Data binding, Actions, Version requirements.