Columns
Columns
is a component built on top of Box
, it allows you to arrange children horizontally.
──────────────────────────────────────────────────────────▶
┌───────────────────┐┌──────────────────┐┌──────────────────┐
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
│ ││ ││ │
└───────────────────┘└──────────────────┘└──────────────────┘
Usage Example
n.columns(<children>) -- flex = 1
n.columns(2, <children>) -- flex = 2
n.columns({ flex = 3 }, <children>)
n.columns({ flex = 0 }, <children>)
n.columns({ size = 10 }, <children>)
Properties
size
Type
number
flex
Type
number