Box Component

This box uses the default theme

All Radii/Roundness

none, 1

xs, 1

sm, 1

md, 1

lg, 1

xl, 1

full, 1

none, 2

xs, 2

sm, 2

md, 2

lg, 2

xl, 2

full, 2

none, 3

xs, 3

sm, 3

md, 3

lg, 3

xl, 3

full, 3

none, 4

xs, 4

sm, 4

md, 4

lg, 4

xl, 4

full, 4

none, 5

xs, 5

sm, 5

md, 5

lg, 5

xl, 5

full, 5

none, 6

xs, 6

sm, 6

md, 6

lg, 6

xl, 6

full, 6

Inheritance

No Radius

XL Radius

Default/Theme

Inherit

Default/Theme

This box has a custom radius (9px)

Inherit

Default/Theme

This box has breakpoint-specific radii (sm on sm, 10px on lg)