Catalog Cards

<.content>

ConnieUI.Cards

Nordic Films ApS

4 members

HEEx 
<div class="w-xs">
  <ConnieUI.Cards.card>
    <ConnieUI.Cards.content>
      <ConnieUI.Typography.heading level="h3">Nordic Films ApS</ConnieUI.Typography.heading>
      <ConnieUI.Typography.muted>4 members</ConnieUI.Typography.muted>
      <:footer>
        <ConnieUI.Buttons.button size="sm" color="secondary">Switch</ConnieUI.Buttons.button>
      </:footer>
    </ConnieUI.Cards.content>
  </ConnieUI.Cards.card>
</div>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

Set by the example

click

Docs

No @doc for this component.

Attribute Type Default Description
click {:struct, Phoenix.LiveView.JS} nil
center :boolean false
Slot Slot attributes Description
inner_block *
:footer