import { Box } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
as | ElementType | "div" | Rendered HTML element |
p | SpaceToken | string | — | Padding (all sides) |
px | SpaceToken | string | — | Horizontal padding |
py | SpaceToken | string | — | Vertical padding |
m | SpaceToken | string | — | Margin (all sides) |
display | CSSProperties['display'] | — | CSS display value |
asType
ElementTypeDefault "div"Rendered HTML element
pType
SpaceToken | stringDefault —Padding (all sides)
pxType
SpaceToken | stringDefault —Horizontal padding
pyType
SpaceToken | stringDefault —Vertical padding
mType
SpaceToken | stringDefault —Margin (all sides)
displayType
CSSProperties['display']Default —CSS display value
MobileWorks As-Is
Primitive container — mobile behavior depends entirely on applied classes.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?