Box

The most fundamental layout component that maps directly to a div with style props.

This is a box

React

Usage

import { Box } from '@zalify-ui/react'

<Box bg="gray.subtle.bg" p="4" borderRadius="l2">
  Content
</Box>

Box accepts all style props including p, m, bg, color, borderRadius, and any other CSS property supported by the design system.

Bleed

Center

On this page