Stack

A helper to make it easier to set up vertical flexbox layouts. Ie. ones that have flex-direction set to column.
Tip: Check out Josh W. Comeau's excellent post An Interactive Guide to Flexbox.
Source code
top
middle
bottom
import { Stack } from "rfui-package";

#Basic

top
middle
bottom
<Stack className="gap-5">
  <div>top</div>
  <div>middle</div>
  <div>bottom</div>
</Stack>

#Props

PropRequiredDefaultType and notes
children✔-
ComponentChild
...rest--
Omit<ComponentProps<"div">, "size">
See the docs for rest parameters. For Stack, you could pass anything you normally would pass to <div> because the return value looks something like this:
<div className={containerClass} {...restWithoutClass}>
  {children}
</div>