Container
Reusable container component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Container
size="default"
/>Legacy mount name: data-component="Container".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
size | string | Optional | "default" |
className | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/Container.wrn
component Container {
props {
size = "default"
className = ""
}
view {
<div class="w-full {size === 'narrow' ? 'max-w-3xl' : size === 'wide' ? 'max-w-screen-2xl' : 'max-w-7xl'} {className}">
<slot />
</div>
}
}