Features
- Responsiveness – All attributes should support different values for xs, md and lg sizes.
- Different screen size support
- Configurable common settings
- Configurable typography
- Alignment support for children
- It is limited to being placed only inside a “section” block.
- It is limited to having only a “row” block as a child.
- Default class “container” will be added to this block.
Attributes
- containerType (array(container, container-xs, container-sm, container-md, container-lg, container-xl, container-xxl, container-fluid)) default “container”
- isResponsive (boolean)
- background (color)
- fontSize (int)
- fontWeight (int)
- padding (int)
- margin (int)
- align (align)
- textAlign (align)
- textColor (color)
- border (border: color, width, type)
- zIndex (int)
- position (position)
- visibility (visibility)
- display (display)
- gap (int)
Structure
<div class=”[containerType]”></div>