Documentation
Columns

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