Skip to content

Layout ​

The most usual layout tag is <container>, it's used to wrap the content of the page.

html
<container>
  Hello, Eich!
</container>

The default layout theme is flexbox.

Row Layout ​

If you want to layout the children tags in a row, you can use the <row> tag.

html
<row>
  <container>Hello, Eich!</container>
  <container>Hello, Eich!</container>
</row>

It will layout the children tags in a row. The space of children tags is 1/2.

Otherwise, you can set the width property to setup the width of the row.

html
<row width="100">
  <container>Hello, Eich!</container>
  <container>Hello, Eich!</container>
</row>

Column Layout ​

If you want to layout the children tags in a column, you can use the <column> tag.

html
<column>
  <container>Hello, Eich!</container>
  <container>Hello, Eich!</container>
</column>

You can also set the height property to setup the height of the column.