Card

Card style variants can be defined in the theme.cards object. By default the Card component uses the theme.cards.primary variant.

Card

({ maxWidth, src, text }) => (
  <Card sx={{ maxWidth, bg: 'background' }}>
    <Image src={src} />
    <Text>{text}</Text>
  </Card>
)

Name	Description	Default
maxWidth	number	252
src	text	https://picsum.photos/id/1084/128/128
text	text	Card

Card

Card

320px

Card

375px

Card

768px

Card

1024px