Container

The Container component is used to provide additional structure to the card. Other components can be placed within the Container and the properties within the Container enables additional cosmetic. The number of sections can be specified to create a layout with a different number of columns, with 12 being the maximum. Examples of use cases for containers include:

• Sectioning content
• Applying borders around elements
• Applying background colours to elements
• Aligning content

Common Use Properties

• Container Type Property

  • default This is the default setting that keeps the container in a basic state.

  • modal This setting turns the container into a popup which allows the selected container and its contents to appear over top of other contents.

    TIP

    The modal property works great in conjunction with Button components that can be used to determine if the modal is visible or not.