Box

The Box component renders Bulma’s box element — a white padded container for grouping content.

Basic example

This content is inside a box.

<Box>
  This content is inside a box.
</Box>

With additional classes

A box with a custom background.

<Box class="has-background-primary-light">
  A box with a custom background.
</Box>

Nested content

Card title

A subtitle

Action

<Box>
  <p class="title is-5">Card title</p>
  <p class="subtitle is-6">A subtitle</p>
  <Button color="primary">Action</Button>
</Box>

Props

Prop	Type	Default	Description
class	string	—	Extra CSS classes on the div.box.
id	string	—	id attribute on the div.box.
...	*	—	Any other HTML div attributes.