DocsDocs

Box

A plain block for an inset, a size container or a named region.

BetaSince 1.0.0
On this page

Overview

Show code, InsetRegion.tsx

Rules

Box gives a region an inset and nothing else: like Row, Column and Grid, it sizes to its content and never paints.

Use it when

  • An inset and nothing else, such as around a region of a page
  • A region whose width the application's own styles respond to
  • A region that shows up by name in dev mode and the docs

One inset

Pad the region once, and space what is inside it with a Column: a padded box around each child makes every gap different.