A panel allows content to be laid out with a title bar above it, which is useful for dialogue boxes and menus.

The size and position of the content area, as well as the size of the panel itself can be handled by the component itself, check TitledPanel for more information on this behaviour.

<Panel Components="Frame, TitledPanel"/>

The Panel template simply defines the TitledPanel and Frame components with no children.

<Panel Size="300, 0">
    <!--The title bar-->
    <TextBox Size="100%, 32" Text="Title" Name="TitleBar"/>

    <!--The content area-->
    <Partition Components="DirectionalLayout" Size="100%, 0" Name="Content">
        <TextBox Size="100%, 32" Text="This is the content of the panel."/>
    <Partition/>
</Panel>

A panel should define a child named "TitleBar" and a child named "Content".