Catalog Panels

<.panel>

ConnieUI.Panels

Beneficiary

Name Sofie Lindqvist
Email sofie@nordicfilms.dk
IBAN DK50 0040 0440 1162 43

Paid on the 1st of every month.

HEEx 
<ConnieUI.Panels.panel class="w-md">
  <ConnieUI.Panels.header>
    <ConnieUI.Panels.title icon="icon-user-01">Beneficiary</ConnieUI.Panels.title>
    <ConnieUI.Buttons.button size="sm" color="link-color">Edit</ConnieUI.Buttons.button>
  </ConnieUI.Panels.header>
  <ConnieUI.Panels.item label="Name">Sofie Lindqvist</ConnieUI.Panels.item>
  <ConnieUI.Panels.item label="Email">sofie@nordicfilms.dk</ConnieUI.Panels.item>
  <ConnieUI.Panels.item label="IBAN">DK50 0040 0440 1162 43</ConnieUI.Panels.item>
  <ConnieUI.Panels.divider />
  <ConnieUI.Panels.body>
    <ConnieUI.Typography.muted>Paid on the 1st of every month.</ConnieUI.Typography.muted>
  </ConnieUI.Panels.body>
</ConnieUI.Panels.panel>

Controls

:string

Set by the example

class

Docs

No @doc for this component.

Attribute Type Default Description
id :string nil
class :any nil
rest :global
Slot Slot attributes Description
inner_block *