Card

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

Example

Build for community

It’s all about being ready to grow and reach new levels. Have a solid foundation, modular thinking and flexible essence, and you’re building for scale. We are global but we’re audacious enough to aim for the stars.

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, Set, 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