+
+ <ui:box fill="blue" id="blue" shrink="true" axis="y">
+ <ui:box shrink="true" axis="x" fill="white">
+ <ui:box fill="green" width="25" height="25" id="green"/>
+ <ui:box fill="white" id="white" shrink="true" stroke="black">
+ <ui:box fill="black" stroke="black" text="hello"/>
+ </ui:box>
+ <ui:box fill="purple" height="25" width="25" id="purple"/>
+ </ui:box>
+ <ui:box shrink="true" axis="x" fill="gray">
+ <ui:box fill="green" width="25" height="25" id="greenx"/>
+ <ui:box fill="white" id="whitex" shrink="true" stroke="black"/>
+ <ui:box fill="purple" height="25" width="25" id="purplex"/>
+ </ui:box>
+ </ui:box>