Catalog Cards

<.document_thumb>

ConnieUI.Cards

Freelance agreement, Mikkel Sørensen
Signed
Freelance agreement
HEEx 
<div class="w-xs">
  <ConnieUI.Cards.card>
    <ConnieUI.Cards.document_thumb title="Freelance agreement, Mikkel Sørensen">
      <ConnieUI.Badges.card_status_badge>Signed</ConnieUI.Badges.card_status_badge>
    </ConnieUI.Cards.document_thumb>
    <ConnieUI.Cards.content>Freelance agreement</ConnieUI.Cards.content>
  </ConnieUI.Cards.card>
</div>

Variant matrix

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

Controls

:string

Set by the example

gradient click

Docs

No @doc for this component.

Attribute Type Default Description
title * :string
gradient :any nil
a `ConnieUI.ColorTags` tag to draw behind the page; nil is the brand gradient
grayscale :boolean false
click {:struct, Phoenix.LiveView.JS} nil
overflow :boolean true
Slot Slot attributes Description
inner_block