Card
Card belongs to the Data Display category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-05-28
enhance Card component with header and footer visibility props and optimize style
2026-05-01
implement Compact components for Card, Popover, Editable, HoverCard, NavigationMenu, Pagination and Stepper
2026-04-27
update content class for improved accessibility
2026-03-06
update content styles
2026-03-06
add default prop 'asChild' to SCardCollapsibleTrigger
add 'SCardCollapsibleTrigger' to card components
2026-03-06
add collapsible functionality and update API props
2026-02-04
wrap header slot content for improved structure and rendering