A container for related content, such as a form, alert, or data list.
Use the small card variant for compact content like notifications, alerts, or brief summaries.
Use the button component to add actions to the header.
Your post will be deleted permanently.
This action cannot be undone.
Let's be honest, a card is just a div with a border and some padding.
Your post will be deleted permanently.
This action cannot be undone.
Slot
|
Description
|
---|---|
default |
Content to display within the card. Can include headings, text, forms, buttons, and other components.
|
CSS
|
Description
|
---|---|
class |
Additional CSS classes applied to the card. Common uses: space-y-6 for spacing between child elements, max-w-md for width control, p-0 to remove padding.
|
Attribute
|
Description
|
---|---|
data-flux-card |
Applied to the root element for styling and identification.
|