Card

A bounded surface for one thing: a title, a body, an optional cover and a row of actions along the bottom.

Design

Explore the component in its original Figma context, including all variants, states, and visual configurations. The table below lists the Figma component's properties, which name its drawn variants and differ from the React props. Figma draws a fixed number of children, so an array prop has no row there, and a slot that takes a node is a boolean. The Code tab lists the React props.
Card, Card Inner
Card Content, Card Inner Content
Card Header
Card Header Extra
Card Header Title
Action Item
Card Meta