Layout

• <c-layout>：wrapper container.
• <c-header>：container for headers.
• <c-aside>：container for side sections。
• <c-main>：container for main sections。
• <c-footer>：container for footers。

WARNING

When nested with a <c-header> or <c-footer>, all its child elements will be vertically arranged. Otherwise horizontally.

WARNING

These components use flex for layout, so please make sure your browser supports it. Besides, <c-layout>'s direct child elements have to be one or more of the latter four components. And father element of the latter four components must be a <c-layout>.

Header Attributes

Attribute	Description	Type	Accepted Values	Default
height	height of the header	string	——	60px

Aside Attributes

Attribute	Description	Type	Accepted Values	Default
width	width of the aside	string	——	300px

Footer Attributes

Attribute	Description	Type	Accepted Values	Default
height	height of the footer	string	——	60px