Catalog Cards

<.card_grid>

ConnieUI.Cards

Feature Film — "Northern Lights"
Carlsberg — Summer Campaign
Documentary — "The Sound"
New project
HEEx 
<div class="w-5xl">
  <ConnieUI.Cards.card_grid id="catalog-card-grid">
    <ConnieUI.Cards.card :for={project <- @projects} id={"catalog-grid-" <> project.id}>
      <ConnieUI.Cards.image image={project.image} />
      <ConnieUI.Cards.content>{project.name}</ConnieUI.Cards.content>
    </ConnieUI.Cards.card>
    <ConnieUI.Cards.action_card caption="New project" click={JS.push("new_project")} />
  </ConnieUI.Cards.card_grid>
</div>

Variant matrix

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

Controls

:string

Docs

No @doc for this component.

Attribute Type Default Description
id :string nil
stream :boolean false
Slot Slot attributes Description
inner_block *