Catalog Cards

<.sign_page_qr>

ConnieUI.Cards

https://sign.example.com/p/k7p2
Live
Crew registration
HEEx 
<div class="w-xs">
  <ConnieUI.Cards.card>
    <ConnieUI.Cards.sign_page_qr url="https://sign.example.com/p/k7p2" qr_kit_url="https://sign.example.com/p/k7p2/qr-kit.zip">
      <ConnieUI.Badges.card_status_badge>Live</ConnieUI.Badges.card_status_badge>
    </ConnieUI.Cards.sign_page_qr>
    <ConnieUI.Cards.content>Crew registration</ConnieUI.Cards.content>
  </ConnieUI.Cards.card>
</div>

Variant matrix

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

Controls

:string

Pre-built sign-page URL (QR code + open link)

:string

Pre-built QR-kit download URL

Set by the example

gradient

Docs

No @doc for this component.

Attribute Type Default Description
url * :string
Pre-built sign-page URL (QR code + open link)
qr_kit_url * :string
Pre-built QR-kit download URL
gradient :any nil
a `ConnieUI.ColorTags` tag to draw behind the QR code; nil is the brand gradient
grayscale :boolean false
Slot Slot attributes Description
inner_block