BBR

Overskrift

Underoverskift

Parat til dokumentation

<div class="callout callout--warning ">
    <div class="row align-items-center">
        <div class="col">
            <div class="callout__content">
                <p><strong>Der er uoverensstemmelse mellem følgende</strong></p>
                <ul>
                    <li>Bygnings varmeinstallation: Centralvarme med én fyringsenhed</li>
                    <li>Anden varmeinstallation end bygningens: Centralvarme med én fyringsenhed</li>
                    <li>Anden opvarmningsenhed end bygningens: Naturugas</li>
                </ul>
                <div class="callout__error-code">
                    (ID:83)
                </div>
            </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": "<p><strong>Der er uoverensstemmelse mellem følgende</strong></p><ul><li>Bygnings varmeinstallation: Centralvarme med én fyringsenhed</li><li>Anden varmeinstallation end bygningens: Centralvarme med én fyringsenhed</li><li>Anden opvarmningsenhed end bygningens: Naturugas</li></ul>",
  "calloutType": "warning",
  "errorCode": "(ID:83)"
}