Card

Layout component with additional style props. Extends Box.

<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