The most fundamental component which is a container to wrap any other components. It supports all the common styles, attributes and layout of flexbox.

alias: <container> (deprecated)

Child Components#

This type of component supports all kinds of weex component as its child components including its own kind.


There is no specific attribute for this component.


common styles: check out the common styles

  • support flexbox related styles
  • support box model related styles
  • support position related styles
  • support opacity, background-color etc.


common events: check out the common events


<div class="box"></div>

<style scoped>
.box {
border-width: 2px;
border-style: solid;
border-color: #BBB;
width: 250px;
height: 250px;
margin-top: 250px;
margin-left: 250px;
background-color: #EEE;

try it

Edit this page on GitHub