Vesture
Get started

Layout

Card

A surface container with a configurable elevation, used to group related content.

Card

Preview

Design reviewScheduled

Thursday, 2:00 PM — conference room B.

Usage

tsx
import { Card } from "@vesture/react";

<Card elevation="raised">
  <h3>Design review</h3>
  <p>Thursday, 2:00 PM — conference room B.</p>
</Card>

Props

PropTypeDefaultDescription
elevation"flat" | "raised" | "overlay""flat"Shadow and surface tone.
...restHTMLAttributes<HTMLDivElement>—Spread onto the root <div>.