Box

Discord

Box is a simple div tag with styled system.

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

This is a box

<Box
  bg="green.400"
  color="black"
  fontWeight={500}
  p={3}
  rounded="l2"
  w="250px"
  h="100px"
>
  This is a box
</Box>

Badge

Button