Catalog Layouts

<.inline>

ConnieUI.Layouts

Signed by all parties

HEEx 
<ConnieUI.Layouts.inline gap="sm">
  <ConnieUI.Foundations.icon name="icon-check-circle" class="size-4 text-fg-success-primary" />
  <ConnieUI.Typography.muted>Signed by all parties</ConnieUI.Typography.muted>
</ConnieUI.Layouts.inline>

Variant matrix

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

Controls

:string

Set by the example

class

Docs

Inline horizontal layout with items vertically centered and configurable gap. ## Examples <ConnieUI.Layouts.inline> <span>Label</span> <ConnieUI.Buttons.utility icon="icon-edit-02" /> </ConnieUI.Layouts.inline> <ConnieUI.Layouts.inline gap="sm"> <ConnieUI.Foundations.icon name="icon-check" /> <span>Done</span> </ConnieUI.Layouts.inline>
Attribute Type Default Description
gap :string "md"
xs | sm | md | lg | xl
class :any nil
Slot Slot attributes Description
inner_block *