Layout.card
Server-rendered
Card container.
Minimal
<.card>
<.card_header>
<.card_title>Settings</.card_title>
</.card_header>
<.card_content>...</.card_content>
</.card>Project status
Project status
Active deployments across environments.
Production healthy, staging pending one migration.
<.card>
<.card_header>
<.card_title>Project status</.card_title>
<.card_description>Active deployments across environments.</.card_description>
</.card_header>
<.card_content>
<p class="text-sm">Production healthy, staging pending one migration.</p>
</.card_content>
</.card>
Team invite
Team invite
Invite teammates before launch.
<.card class="max-w-md">
<.card_header class="border-b">
<.card_title>Team invite</.card_title>
<.card_action>
<.button size={:sm} variant={:outline}>Skip</.button>
</.card_action>
<.card_description>Invite teammates before launch.</.card_description>
</.card_header>
<.card_content class="space-y-3">
<.field>
<:label><.label for="invite_email">Email</.label></:label>
<.input id="invite_email" type="email" placeholder="dev@company.com" />
</.field>
</.card_content>
<.card_footer class="justify-end gap-2 border-t">
<.button variant={:outline}>Cancel</.button>
<.button>Send invite</.button>
</.card_footer>
</.card>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
rest
|
:global |
— | — | — |
Slots
| Slot | Slot Attributes |
|---|---|
inner_block
Required
|
— |