Card

Layout component with additional style props. Extends Box.

Card
<Card
  fontSize={6}
  fontWeight='bold'
  width={[ 1, 1, 1/2 ]}
  p={5}
  my={5}
  bg='#f6f6ff'
  borderRadius={8}
  boxShadow='0 2px 16px rgba(0, 0, 0, 0.25)'
>
  Card
</Card>

Props

  • border
  • borderColor
  • borderRadius
  • boxShadow
  • backgroundImage
  • backgroundSize
  • backgroundPosition
  • backgroundRepeat
  • opacity
  • variant: card style variant