Card

A container for grouping related content with consistent spacing, typography, and surface styles. Supports outline and ghost variants.

Card description goes here.

tsx

Two surface styles: outline (default) and ghost.

Default variant with border and background.

Transparent, no border or shadow.

Full compound layout with title, description, content, and action buttons.

Manage your team and their access levels.

Max Leroy

max@getlyse.com

Admin

Alice Dupont

alice@getlyse.com

Member

Use Card with only the parts you need — all sub-components are optional.

Revenue

$12,450

Active users

1,234

Tasks done

89%

Cards compose freely with other components — Avatar, Tag, Button, Separator.

Lyse Project

AI-powered project management

Active

Last updated 2 hours ago. 12 tasks in progress, 3 blocked.