Catalog Contents

<.summary>

ConnieUI.Contents

Business plan, monthly
499.00
VAT (25%)
124.75
Amount due today
623.75
HEEx 
<div class="w-sm">
  <ConnieUI.Contents.summary>
    <:row label="Business plan, monthly">
      <ConnieUI.Foundations.money value={499} currency="EUR" />
    </:row>
    <:row label="VAT (25%)">
      <ConnieUI.Foundations.money value={124.75} currency="EUR" />
    </:row>
    <:total label="Amount due today">
      <ConnieUI.Foundations.money value={623.75} currency="EUR" />
    </:total>
  </ConnieUI.Contents.summary>
</div>

Controls

This component has no attributes the panel can set.

Docs

A list of labelled values, with an optional emphasised closing row. Built for prices, where the label describes a line and the value carries the amount, but nothing here knows about money: pass whatever belongs on each side. `ConnieUI.Skeletons.summary/1` stands in for this while the values are still being fetched. ## Examples <ConnieUI.Contents.summary> <:row :for={line <- @invoice.lines} label={line.description}> <ConnieUI.Foundations.money value={line.amount} cents currency="dkk" /> </:row> <:total label="Amount due today"> <ConnieUI.Foundations.money value={@invoice.total} cents currency="dkk" /> </:total> </ConnieUI.Contents.summary>
Slot Slot attributes Description
:row label
:total label