BBR

Besked: Success

Den grønne besked bruges til at vise, at en handling er succesfuldt gennemført

<div class="callout callout--success ">
    <div class="row align-items-center">
        <div class="col">
            <div class="callout__content">
                Ikonet for bygning er flyttet
            </div>
        </div>
    </div>
</div>
 
<div class="callout callout--{{calloutType}} {{#if noMarginTopBottom}}my-0{{/if}}">
    <div class="row align-items-center">
        <div class="col">
            <div class="callout__content">
                {{#if calloutTitle}}
                <h4 class="callout__title">{{calloutTitle}}</h4>
                {{/if}}
                {{{content}}}
                {{#if errorCode}}
                <div class="callout__error-code">
                    {{errorCode}}
                </div>
                {{/if}}
            </div>
        </div>
        {{#if hasAction}}
        <div class="col-12 col-sm-auto mt-3 mt-sm-0">
            <a href="#" class="btn btn-{{#if actionVariant}}{{actionVariant}}{{else}}{{calloutType}}{{/if}} btn-sm">
                {{actionLabel}}
            </a>
        </div>
        {{/if}}
    </div>
</div>
 
{
  "content": "Ikonet for bygning er flyttet",
  "calloutType": "success"
}