Version 0.40.0

UI Atoms

Label / Value

Label
Value
<div class="sui-a-label-value">
    <div class="sui-a-label-value__label">
        Label
    </div>
    <div class="sui-a-label-value__value">
        Value
    </div>
</div>

Label
Value
<div class="sui-a-label-value as--label-uppercase">
    <div class="sui-a-label-value__label">
        Label
    </div>
    <div class="sui-a-label-value__value">
        Value
    </div>
</div>

Label
Value
Label
Value
<div class="sui-a-label-value as--sm">
    <div class="sui-a-label-value__label">
        Label
    </div>
    <div class="sui-a-label-value__value">
        Value
    </div>
</div>

<div class="sui-a-label-value as--lg">
    <div class="sui-a-label-value__label">
        Label
    </div>
    <div class="sui-a-label-value__value">
        Value
    </div>
</div>