# A2UI Operators: UI Composition with |, >>, +

Demonstrates declarative UI layout using Python operators.

Key concepts:
  - | operator: horizontal Row layout
  - >> operator: vertical Column layout
  - + operator: sibling group (UIGroup)
  - Nesting: combine operators for complex layouts
  - compile_surface(): nested tree → flat A2UI JSON

:::{tip} What you'll learn
How to use operator syntax for composing agents.
:::

_Source: `72_a2ui_operators.py`_
