Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | import { Box, BoxProps, forwardRef } from "@chakra-ui/react";
export interface CardProps extends BoxProps {}
/**
* Implements a <Box /> with simple card styles.
*/
export const Card = forwardRef<CardProps, "div">((props, ref) => {
return (
<Box
bg="bgSecondary"
border="base"
borderRadius="card"
boxShadow="base"
p={2}
ref={ref}
{...props}
/>
);
});
Card.displayName = "Card";
|