Catalog Cards

<.qr_tag>

ConnieUI.Cards

https://sign.example.com/t/k7p2
K7P2-QX9M
Reception desk
Reception desk
HEEx 
<div class="w-xs">
  <ConnieUI.Cards.card>
    <ConnieUI.Cards.qr_tag token="K7P2-QX9M" url="https://sign.example.com/t/k7p2">
      <ConnieUI.Badges.card_status_badge>Reception desk</ConnieUI.Badges.card_status_badge>
    </ConnieUI.Cards.qr_tag>
    <ConnieUI.Cards.content>Reception desk</ConnieUI.Cards.content>
  </ConnieUI.Cards.card>
</div>

Variant matrix

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

Controls

:string
:string

Set by the example

click

Docs

No @doc for this component.

Attribute Type Default Description
token * :string
url * :string
grayscale :boolean false
click {:struct, Phoenix.LiveView.JS} nil
Slot Slot attributes Description
inner_block *