Catalog Cards

<.alert_floating>

ConnieUI.Cards

Payment failed

Update your card to keep sending documents.

HEEx 
<div class="w-md">
  <ConnieUI.Cards.alert_floating color="warning" icon="icon-alert-triangle">
    <ConnieUI.Typography.subtitled_heading level="h3">
      Payment failed
      <:subtitle>Update your card to keep sending documents.</:subtitle>
    </ConnieUI.Typography.subtitled_heading>
  </ConnieUI.Cards.alert_floating>
</div>

Variant matrix

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

Controls

:string
:string

Docs

Standalone alert card. Unlike `alert/1`, this is fully rounded and bordered so it can sit on its own (not tacked to the top of another card).
Attribute Type Default Description
color :string "gray"
brand | success | error | warning | gray
icon * :string
Slot Slot attributes Description
inner_block *