Card

Live demo

Cards are content containers that render as elevated surfaces displaying their content vertically.

Node name : card

Attributes

Attribute	Type	Required	Default value	Description
space	string (none, small, medium, large , extralarge)	false	small	Space between nodes.
align	string (left, center, right, stretch)	false	stretch	Horizontal alignment.

Example

<card>
  <toolbar />
  <datagrid />
  <pagination-bar />
</card>

Note

By default, a card will take all the available width.

Note

By default, children nodes of a card will have their width expanded to fill their container. This behavior can be overridden by setting a layout:width directive on children nodes.