Skip to content
On this page

WrapLayout

WrapLayout is a layout container that lets you position items in rows or columns, based on the orientation property. When the space is filled, the container automatically wraps items onto a new row or column.

Examples

xml
 <md:WrapLayout Orientation="Horizontal">
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
     <md:Chip IconData="{Static icon:Material.Add}" Text="chip" />
 </md:WrapLayout>

Properties

nametypedefault
OrientationStackOrientationHorizontal
Spacingdouble0
HorizontalSpacingdouble0
VerticalSpacingdouble0