BalanceReckon Design System
Layout

Inline

Use the Inline primitive when you want to layout a group of elements together and allow them to wrap onto a new line.

import { Inline } from '@balance-web/inline';
Loading demo…

Usage

Loading demo…
Loading demo…

Gap

The spacing between children can be adjusted using the gap prop.

Loading demo…

Vertical alignment

Items of varying height can be vertically aligned using the alignY prop.

Loading demo…

Horizontal alignment

Items can be aligned horizontally using the align prop.

Loading demo…

On this page