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 |