Flex box in the house.
<script src="https://cdn.jsdelivr.net/npm/rainforest-web-components@latest/components/vbox.js" type="module"></script><rf-vbox gap="16">
<p>One</p>
<p>Two</p>
<p>Three</p>
</rf-vbox>| Name | Description |
|---|---|
(default) |
Content of the box. |
| Name | Type | Description | Values | Default | Reflects |
|---|---|---|---|---|---|
direction |
string |
Relative to CSS flex-direction. |
column | column-reverse | row | row-reverse |
null |
✅ |
gap |
number |
Pixels between. | - | 0 |
✅ |
hidden |
boolean |
Hides that nonsense. | true | false |
false |
✅ |
None
None
None
None