Docs

Cinder UI

Layout.card_header

Server-rendered

Card header section.

Card header with action

Billing
Usage and invoices for this workspace.

Current cycle usage: 72%.

  <.card class="max-w-md">
  <.card_header class="border-b">
    <.card_title>Billing</.card_title>
    <.card_action>
      <.button size={:sm} variant={:outline}>Manage</.button>
    </.card_action>
    <.card_description>Usage and invoices for this workspace.</.card_description>
  </.card_header>
  <.card_content>
    <p class="text-sm">Current cycle usage: 72%.</p>
  </.card_content>
</.card>

Attributes

Name Type Default Values Global Includes
class :string
rest :global

Slots

Slot Slot Attributes
inner_block Required