Flex

A helper to make it easier to set up flexbox layouts.
Tip: Check out Josh W. Comeau's excellent post An Interactive Guide to Flexbox.
Source code
left
center
right
import { Flex } from "rfui-package";

#Basic

left
center
right
<Flex className="gap-8">
  <div>left</div>
  <div>center</div>
  <div>right</div>
</Flex>

#Props

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