Modify Box

• Structure your Boxes with special presets, which still can be overwritten.
• In Typescript you need to import the types called Props.

import React from "react";

import Box, { Props } from "react-raster";

const SpecialBox: React.FC<Props> = (props) => (

<Box {...props}>{props.children}</Box>

);

SpecialBox.defaultProps = {

cols: [6, 6, 3],

background: "yellow",

};

export default SpecialBox;