<ui-cluster>

Horizontal, wrapping layout primitive.

Layout · stable · since 2.0.0 · extends _UIElement

Examples

<ui-cluster><ui-badge>A</ui-badge><ui-badge>B</ui-badge></ui-cluster>
<ui-cluster between><span>Left</span><span>Right</span></ui-cluster>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    gapgapstring"md"Spacing: xs, sm, md, lg or xl.
    betweenbetweenbooleanfalseDistribute with space-between.
    endendbooleanfalseAlign to the end.
    nowrapnowrapbooleanfalseDisable wrapping.

    Methods

    None.

    Events

    None.

    Slots

    CSS classes