Card
Card
Usage
Container for grouping related content with header, content, and footer.
Card Title
Card description goes here.
This is the card content area. You can put any content here.
<.card>
<.card_header>
<.card_title>Card Title</.card_title>
<.card_description>Description</.card_description>
</.card_header>
<.card_content>
<p>Content here.</p>
</.card_content>
<.card_footer>
<.button variant="outline" size="sm">Cancel</.button>
<.button size="sm">Save</.button>
</.card_footer>
</.card>
Selectable Card
Use card_button when the whole card is a single action.
<.card_button type="button" phx-click="select">
Selectable content
</.card_button>
Language
14 objects
