Container
Create a centered container with max-width
Syntax
layout="container"Values
| Value | CSS Output | Description |
|---|---|---|
container | width: 100%; margin-left: auto; margin-right: auto | Centered container |
Examples
html
<div layout="container">Centered content</div>Preview
Container
layout="container" - Centered container with max-width
Centered Container
View Code
html
<div visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium" space="p:small">
<div layout="container text:center" space="p:medium" visual="bg:primary text:white rounded:small">Centered Container</div>
</div>