> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qomicex.top/llms.txt
> Use this file to discover all available pages before exploring further.

# Component reference

## 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](https://docs.qomicex.top/en/guide/custom-widget/reference/components/widget.md) |
| `Widget.Inputs` / `Widget.Outputs` | Input/output contract | Child elements | [Widget.Using](https://docs.qomicex.top/en/guide/custom-widget/reference/components/using.md#as-a-pure-data-source) |
| `Container` | Panel with border/background/radius | Child elements | [Container](https://docs.qomicex.top/en/guide/custom-widget/reference/components/container.md) |
| `Row` | Horizontal layout | Child elements | [Row](https://docs.qomicex.top/en/guide/custom-widget/reference/components/row.md) |
| `Column` | Vertical layout | Child elements | [Column](https://docs.qomicex.top/en/guide/custom-widget/reference/components/column.md) |
| `Grid` | Multi-column grid + attached properties | Child elements | [Grid](https://docs.qomicex.top/en/guide/custom-widget/reference/components/grid.md) |
| `Tabs` / `TabItem` | Tab control | Child elements | [Tabs](https://docs.qomicex.top/en/guide/custom-widget/reference/components/tabs.md) |
| `List` | Array list | `ListItem` | [List](https://docs.qomicex.top/en/guide/custom-widget/reference/components/list.md) |
| `ListItem` | List item template | One root element | [ListItem](https://docs.qomicex.top/en/guide/custom-widget/reference/components/list-item.md) |
| `If` | Conditional rendering | Child elements | [If](https://docs.qomicex.top/en/guide/custom-widget/reference/components/if.md) |
| `Divider` | Divider line | — | [Divider](https://docs.qomicex.top/en/guide/custom-widget/reference/components/divider.md) |
| `Spacer` | Fixed spacing | `Size` | [Spacer](https://docs.qomicex.top/en/guide/custom-widget/reference/components/spacer.md) |
| `Text` | Text | `Value` | [Text](https://docs.qomicex.top/en/guide/custom-widget/reference/components/text.md) |
| `Button` | Button + action | `Text` | [Button](https://docs.qomicex.top/en/guide/custom-widget/reference/components/button.md) |
| `Link` | Text link | `Text` | [Link](https://docs.qomicex.top/en/guide/custom-widget/reference/components/link.md) |
| `Image` | Image | `Src` | [Image](https://docs.qomicex.top/en/guide/custom-widget/reference/components/image.md) |
| `Media` | Audio/video | `Source` | [Media](https://docs.qomicex.top/en/guide/custom-widget/reference/components/media.md) |
| `TextBox` | Text input | `Value` | [TextBox](https://docs.qomicex.top/en/guide/custom-widget/reference/components/text-box.md) |
| `CheckBox` | Checkbox | `Text` | [CheckBox](https://docs.qomicex.top/en/guide/custom-widget/reference/components/check-box.md) |
| `Slider` | Slider | `Value` | [Slider](https://docs.qomicex.top/en/guide/custom-widget/reference/components/slider.md) |
| `Select` | Dropdown | `Options` | [Select](https://docs.qomicex.top/en/guide/custom-widget/reference/components/select.md) |
| `Progress` | Progress bar | `Value` | [Progress](https://docs.qomicex.top/en/guide/custom-widget/reference/components/progress.md) |
| `FilePicker` | File picker | `Text` | [FilePicker](https://docs.qomicex.top/en/guide/custom-widget/reference/components/file-picker.md) |
| `ColorPicker` | Color picker | `Value` | [ColorPicker](https://docs.qomicex.top/en/guide/custom-widget/reference/components/color-picker.md) |
| `Dialog` | Modal dialog with Page Content | `Content` / children | [Dialog](https://docs.qomicex.top/en/guide/custom-widget/reference/components/dialog.md) |
| `Data` | Data source | `Url` | [Data](https://docs.qomicex.top/en/guide/custom-widget/reference/components/data.md) |
| `Resources` | Named resources | Child elements | [Resources](https://docs.qomicex.top/en/guide/custom-widget/reference/components/resources.md) |
| `Triggers` / `Trigger` | Event triggers | Child elements | [Triggers](https://docs.qomicex.top/en/guide/custom-widget/reference/components/triggers.md) |
| `Function` | TypeScript function | Property elements | [Function](https://docs.qomicex.top/en/guide/custom-widget/reference/components/function.md) |
| `Widget.Using` | Nested widget | Text reference | [Widget.Using](https://docs.qomicex.top/en/guide/custom-widget/reference/components/using.md) |

## 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](https://docs.qomicex.top/en/guide/custom-widget/reference/values.md).**
* Every visual node also supports `Target` (script addressing), `Visible`, and `When` (size breakpoints); see [QWidget XML syntax](https://docs.qomicex.top/en/guide/custom-widget/syntax.md#common-node-attributes).
* General syntax: [QWidget XML syntax](https://docs.qomicex.top/en/guide/custom-widget/syntax.md).
* Bindings, actions, and version requirements: [Data binding](https://docs.qomicex.top/en/guide/custom-widget/reference/binding.md), [Actions](https://docs.qomicex.top/en/guide/custom-widget/reference/actions.md), [Version requirements](https://docs.qomicex.top/en/guide/custom-widget/reference/version.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.