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-10-02
animate the collapsed content padding with the height
animate the collapsed content padding with the height
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
2025-11-18
introduce card component structure with header, footer, content, title, and description components along with context management
implement Card component with customizable slots, props management, and enhanced styling variants
introduce Card component with customizable slots and props, enhancing card functionality and theming support
add scrollable prop to Card component for enhanced content management
add overflow-auto to content slot for improved layout handling
correct component name
remove size examples from Card component to streamline template and enhance clarity
remove flexHeight prop and update cardVariants for cleaner implementation
remove unused 'flexHeight' prop from CardProps interface
remove unused 'flexHeight' prop from CardProps interface
introduce card component structure with header, footer, content, title, and description components along with context management
implement Card component with customizable slots, props management, and enhanced styling variants
introduce Card component with customizable slots and props, enhancing card functionality and theming support
add scrollable prop to Card component for enhanced content management
add overflow-auto to content slot for improved layout handling
correct component name
remove size examples from Card component to streamline template and enhance clarity
remove flexHeight prop and update cardVariants for cleaner implementation