Grid
Reusable grid component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Grid
gap="4"
/>Legacy mount name: data-component="Grid".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
gap | string | Optional | "4" |
className | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/Grid.wrn
component Grid {
props {
gap = "4"
className = ""
}
view {
<div class="grid gap-{gap} {className}">
<slot />
</div>
}
}