Catalog Layouts

<.vstack>

ConnieUI.Layouts

Contract details
Signers
Attachments
HEEx 
<div class="w-sm">
  <ConnieUI.Layouts.vstack>
    <ConnieUI.Cards.slideout_card>Contract details</ConnieUI.Cards.slideout_card>
    <ConnieUI.Cards.slideout_card>Signers</ConnieUI.Cards.slideout_card>
    <ConnieUI.Cards.slideout_card>Attachments</ConnieUI.Cards.slideout_card>
  </ConnieUI.Layouts.vstack>
</div>

Variant matrix

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

Controls

:string

Set by the example

class

Docs

Vertical stack with configurable gap spacing. ## Examples <ConnieUI.Layouts.vstack> <div>Item 1</div> <div>Item 2</div> </ConnieUI.Layouts.vstack> <ConnieUI.Layouts.vstack gap="lg"> <div>Spaced item 1</div> <div>Spaced item 2</div> </ConnieUI.Layouts.vstack>
Attribute Type Default Description
gap :string "md"
none | xs | sm | md | lg | xl
class :any nil
Slot Slot attributes Description
inner_block *