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.
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>
Additional classes to add to the parent.
Stretches the child elements to full height
A CSS justify-content value
Note: start and end are really flex-start and flex-end
start
end
flex-start
flex-end
A CSS align-items value
<.chip id="chip-1">one</.chip> <.chip id="chip-2">two</.chip> <.chip id="chip-3">three</.chip> <.chip id="chip-4">four</.chip> <.chip id="chip-5">five</.chip> <.chip id="chip-6">six</.chip> <.chip id="chip-7">seven</.chip> <.chip id="chip-8">eight</.chip> <.chip id="chip-9">nine</.chip> <.chip id="chip-10">ten</.chip> <.chip id="chip-11">eleven</.chip> <.chip id="chip-12">twelve</.chip>