Box

Box is an abstract wrapper component. By default, it renders a div element

Import

import { Box } from "@deca-ui/react"

Usage

Almost before we knew it, we had left the ground.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend rhoncus ligula, eget porta enim aliquam nec. Suspendisse ultrices lorem lobortis feugiat tempor.

<Box
  css={{
    fontFamily: '$normal',
    bg: "$primary",
    color: '$white',
    width: 'calc($35 * 1.75)',
    p: '$4',
    br: '$md',
  }}
>
  <Text as="h4" css={{mb: "$1"}}>
    Almost before we knew it, we had left the ground.
  </Text>
  <Text>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend rhoncus ligula, 
    eget porta enim aliquam nec. Suspendisse ultrices lorem lobortis feugiat tempor. 
  </Text>
</Box>
Headshot

Made by Heril Saha

Contents