Box

The Box component is a styled variant of the Container component. It accepts exactly the same props and adds no new ones; the only difference is visual styling: a theme.colors.light background, rounded corners from theme.spacing.radius.lg (12px by default), and a 1px theme.colors.grayLight border. Use it to create visually appealing boxes, tiles, or containers within your applications.

import React from "react";
import { Box } from "cherry-styled-components";

export default function Page() {
  return <Box>Boxing things around!</Box>;
}

Properties