Catalog Panels

<.item>

ConnieUI.Panels

Address Vesterbrogade 12, 1620 København V
HEEx 
<ConnieUI.Panels.panel class="w-md">
  <ConnieUI.Panels.item label="Address">Vesterbrogade 12, 1620 København V</ConnieUI.Panels.item>
</ConnieUI.Panels.panel>

Variant matrix

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

Controls

:string

Set by the example

class

Docs

A labelled value on one row, the value opposite its label. Values wrap rather than truncate: an address or an IBAN is read in full or not at all. Pass `ConnieUI.Tables.placeholder/1` as the value where there may be none, so an empty row reads the same here as in a table. An item marked `invalid` reads in the error colour, label and value both, for a value that is required and missing or wrong. `ConnieUI.Contents.summary/1` is the other list of labelled values, for a compact block of prices inside other content rather than a record in a panel.
Attribute Type Default Description
label * :string
invalid :boolean false
class :any nil
Slot Slot attributes Description
inner_block *