Card

The Card component is a low-level helper component used by the more complex card components (AppCard, StoryCard, UpdateCard, etc.).

import { Card } from "@ds-kit/card"

Basic example

The simplest use case of a card looks like this.

Basic cards are invisible
<Card>Basic cards are invisible</Card>

Cards can have a drop shadow and rounded corners. The p prop can be used to add padding.

Card content
<Card interactive raised borderRadius="lg" p="2.5rem">
  Card content
</Card>

Name

Type

Default

as

any

raised

bool

interactive

bool