Cluster

Use a cluster when you want a group of elements beside each other that don’t necessarily take up the full width of the screen.

Read more Read less

They cannot position themselves so must be wrapped in an additional layout component. For example:

<.row justify="end">
  <.cluster>
    <.button>Cancel</.button>
    <.submit primary>Go</.button>
  </.cluster>
</.row>
one

one

two

three

Attribute Type Documentation Default Value
class :any

Additional classes to add to the parent.

[]
Required space * :string
stretch :boolean

Stretches the child elements to full height

false
justify :string

A CSS justify-content value

Read more Read less

Note: start and end are really flex-start and flex-end

align :string

A CSS align-items value

Read more Read less

Note: start and end are really flex-start and flex-end

rest :global
tag :string "div"
Required inner_block * :slot
<.box border="sm" padding="xs">one</.box>
<.box border="sm" padding="xs">
  <p>one</p>
  <p>two</p>
  <p>three</p>
</.box>