Container
Contain your content on the page
Tag:
x-turbine-ui-container
default container
brand container
primary container
secondary container
success container
warning container
danger container
<x-turbine-ui-container>default container</x-turbine-ui-container><x-turbine-ui-container variant="brand">brand container</x-turbine-ui-container><x-turbine-ui-container variant="primary">primary container</x-turbine-ui-container><x-turbine-ui-container variant="secondary">secondary container</x-turbine-ui-container><x-turbine-ui-container variant="success">success container</x-turbine-ui-container><x-turbine-ui-container variant="warning">warning container</x-turbine-ui-container><x-turbine-ui-container variant="danger">danger container</x-turbine-ui-container>
Attributes
| Name | Type | Options | Description |
|---|---|---|---|
| accent | boolean | Adds an accent | |
| border | boolean | Adds a border | |
| gradient | boolean | Adds a gradient | |
| grid | string | Splits the content in to columns | |
| hollow | boolean | Removes background colour | |
| ring | boolean | Adds a ring | |
| rounded | boolean | Adds a rounded corner | |
| shadow | boolean | Adds a shadow | |
| size | string | Size is used to control styles such as margin, padding and font size. Extensible via the theme. | |
| variant | string | A variant is like a colour palette |