Container
A max-width, horizontally-padded wrapper for page layout.
Usage
This content is centered and constrained to a max width.
vue-html
<SContainer size="sm">
<p>This content is centered and constrained to a max width.</p>
</SContainer>
Custom :ui
Global and scoped recipe overrides use ui.container.
To see exactly what you'd be overriding - the current default classes for
every slot and size - here's Container's own theme file:
Theme source "container" not found
Props
| Prop | Type | Default |
|---|---|---|
size | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'lg' |
ui | Partial<Record<ContainerSlot, string | object>> | - |