Card Demo
Basic
Card Title
This is the card content. You can put any content here.
With Footer
Card Title
This card has a footer section.
Card Footer
Split
Split Card
This card has dividers between header, content, and footer.
Footer with divider
With Extra
Card with Extra
The extra slot is typically used for action buttons.
Title Slots
Title with Slots
New
Use titleLeading and titleTrailing to add content before/after the title.
Only Content
A simple card with only content, no header or footer.
Sizes
Size: xs
Card content
Size: sm
Card content
Size: md
Card content
Size: lg
Card content
Size: xl
Card content
Size: 2xl
Card content