Basic card
Header, body and footer actions.
Cards group related content and actions. Keep one clear purpose per card.
Cards
Surfaces follow the elevation preset: flat, soft or bordered.
Interactive card
The whole card is a link with a hover state.
Raised card
Extra elevation for highlighted content.
Active
Seats18 / 25
Flush card
Lists and tables reach the card edges.
- Jane Cooper
- Omar Haddad
- Lucía Romero
Media card
A cover band drawn from the brand color.
AnalyticsProjects
$184,260
Visitors
184,392
Bounce rate
38.2%
Orders
184