# Panel ## `` - `type`: flow | rows | columns - `direction`: row | row-reverse | column | column-reverse - `align`: left | right | center - `valign`: top | bottom | center - `scroll`: true | false | auto | snap - `mode`: expander - `xlink:actuate`: onLoad | onRequest - `resize`, `padding`, `gap`, `expanded`, `selected`, `icon`, `xlink:href` - actions: select, release - events: Drop, IconSelect, Init, Loaded, Select - methods: collapse, expand, hideChild, isCollapsed, scrollToChild, scrollToSibling, setHeight, setTitle, setWidth, showChild ```xml ``` ## Guidance - The view's root is one panel; nest `type="rows"`/`"columns"` panels for layout. In them a child's `width`/`height` is its track: `fill` shares the rest. - `label=` on a named child of a rows, columns or flow panel is drawn by the panel and names the field for screen readers. - `title` makes a titled group box; with `mode="expander"` a collapsible section: a click on the title bar toggles it and sets `expanded` (StateChanged). IconSelect fires only for a click on the expander's `icon` image, and then it does not toggle. - Color a panel with a `class` styled in the view's `