Box

Box is a simple div tag with styled system.

import { Box } from "@dreamy-ui/react/rsc";

This is a box

<Box
  bg="secondary"
  color="white"
  fontWeight={500}
  p={3}
  rounded="md"
  w="250px"
  h="100px"
>
  This is a box
</Box>