Doggo Storybook 0.9.0

Cluster

The cluster component is used to visually group child elements while applying a consistent gap between them.

Read more Read less

Common use cases are groups of buttons, groups of tags, or similar items.

Usage

<.cluster>
  <div>some item</div>
  <div>some other item</div>
</.cluster>
One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
Attribute Type Documentation Default Value
class :any Any additional classes to be added. Variations of the component should be expressed via modifier attributes, and it is preferable to use styles on the parent container to arrange components on the page, but if you have to, you can use this attribute to pass additional utility classes to the component. The value can be a string or a list of strings. []
rest :global Any additional HTML attributes.
Required inner_block * :slot 
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
<div>Five</div>
<div>Six</div>
<div>Seven</div>
<div>Eight</div>
<div>Nine</div>
<div>Ten</div>
<div>Eleven</div>
<div>Twelve</div>