Inline
Reusable inline component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Inline
gap="4"
/>Legacy mount name: data-component="Inline".
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/Inline.wrn
component Inline {
props {
gap = "4"
className = ""
}
view {
<div class="flex flex-wrap items-center gap-{gap} {className}">
<slot />
</div>
}
}