Card

Cards are surfaces that display content and actions on a single topic.

Example

Loading...

Alternatives

Box.

Do’s

1. Avoid nesting cards with more than 3 levels.
2. Add buttons for interactivity.

👉 For UX Writing guidelines, access https://uxwriting.vtex.com

Usage

import { Card, Stack, Heading, Paragraph } from '@vtex/admin-ui'
;<Card>
  <Stack space="$l" fluid>
    <Heading>Title</Heading>
    <Paragraph>Content.</Paragraph>
  </Stack>
</Card>

Props

Same as Box.

• Example
• Alternatives