Rebar UI

1.0

imitation

Box

A plain wrapper element for one-off layout. Any tag via as.

WrappersA div by default, a section with as
A plain Box (div): Harbour rebrand, 84% done
A Box rendered as a real section: due 24 Oct
As article

Identity, site and launch kit for the harbour trust.

As aside
As code
harbour-rebrand

In context

Budget stripBoxes as the one-off cells of a custom row
Budgets

Harbour rebrand

£48,200

Tideline mobile

£72,900

Crew interviews

£9,400

Props

PropTypeRequiredDefault
asElementType | undefinedNodiv
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

Polymorphic

A plain <div>, or any tag via as. Accepts every native attribute for that tag. Bionic reading is skipped for code-like tags (code, pre, kbd, samp).

data-rebar-* attributes

None. Box is a bare wrapper and carries no data-rebar-component.

Migrating to Ant Design

Not codemod-covered. Replace with a plain HTML element or AntD layout primitives, depending on context.