PUI. Card
(pui v1.0.0)
Copy Markdown
Card primitives for grouping related content.
The Card family is composed from a container and optional header, title, description, action, content, and footer sections.
Examples
<.card>
<.card_header>
<.card_title>Profile</.card_title>
<.card_description>Manage your account details.</.card_description>
</.card_header>
<.card_content>Card content.</.card_content>
<.card_footer>
<.button>Save</.button>
</.card_footer>
</.card>Attributes
| Component | Attributes |
|---|---|
card/1 | class, global HTML attributes |
card_title/1, card_description/1 | class |
card_footer/1 | class |
card_header/1, card_description/1, card_action/1, card_content/1 | none |
Slots
All Card family components accept an inner_block slot.