🍔
Columns
Renders children horizontally in equal-width columns by default, with consistent spacing between them.
If there is only a single column, no space will be rendered.
Basic usage
Custom widths
You can optionally control column widths by manually rendering a
Column as a direct child of Columns, which allows you to set an explicit width prop.A common usage of this is to make a column shrink to the width of its content. This can be achieved by setting the column
width prop to "content". Any columns without an explicit width will share the remaining space equally.The following fractional widths are also available:
1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5.