Parat til dokumentation
<div class="row data-view-row data-view-row--is-inline-edit">
<div class="col-lg mb-2 mb-lg-0">
<div class="form-floating ">
<select class="form-select " id="floatingSelect" aria-label="">
<option disabled>Vælg fra menuen</option>
<option value="valg1" selected>Valg 1</option>
<option value="valg2" selected>Valg 2</option>
<option value="valg3" selected>Valg 3</option>
</select>
<label for="floatingSelect">Inline select redigering</label>
<small class="text-muted">Hjælpetekst</small>
</div>
</div>
<div class="col-lg">
<div class="data-view-row__help-text">
<small class="text-muted"></small>
</div>
</div>
</div>
<div
class="row data-view-row {{#if hasAction }}data-view-row--has-action{{/if}} {{#if isInlineEdit}}data-view-row--is-inline-edit{{/if}}">
{{#if hasWarning}}
<div class="col-12 mb-3">
{{> @callout calloutType="warning" calloutTitle="En heading hvis nødvendigt" content="En generisk besked der viser brugeren at de skal tage stilling her" noMarginTopBottom=true}}
</div>
{{/if}}
{{#if isInlineEdit}}
<div class="col-lg mb-2 mb-lg-0">
{{#if select}}
{{> @select }}
{{else}}
{{> @input }}
{{/if}}
{{#if oldValue}}
<p class="data-view-row__old-value">{{oldValue}}</p>
{{/if}}
</div>
<div class="col-lg">
<div class="data-view-row__help-text">
<small class="text-muted">{{{inlineHelpText}}}</small>
{{#if hasReadMore}}
<small>
{{> @read-more}}
</small>
{{/if}}
</div>
</div>
{{else}}
<div class="col">
{{#if content}}
{{{content}}}
{{else}}
{{#if header}}
<h3 class="data-view-row__header">{{title}}</h3>
{{#if headerDescription}}
<p>{{headerDescription}}</p>
{{/if}}
{{else}}
{{#if title}}<h4 class="data-view-row__header h5">{{title}}</h4>{{/if}}
{{#if list}}
<ul class="data-view-row__list">
{{#each list}}
<li>{{listTitle}}
{{#if listValueNew }}
: <em class="text-primary">{{listValueNew}}</em> <s class="text--removed">{{listValue}}</s>
{{else}}
{{#if listValue}}
: {{listValue}}
{{/if}}
{{/if}}
</li>
{{/each}}
</ul>
{{/if}}
{{/if}}
{{/if}}
</div>
{{#if hasAction }}
<div class="col-12 col-sm-2 mt-3 mt-sm-0">
<a class="btn btn-primary btn-sm btn-block" href="#">
{{#if actionLabel}}
{{actionLabel}}
{{else}}
Ret
{{/if}}
</a>
</div>
{{/if}}
{{/if}}
</div>
{
"title": "Bygningens opførelsesår",
"list": [
{
"listTitle": "Bygningens opførelsesår",
"listValue": "1980"
},
{
"listTitle": "Seneste om- eller tilbygningsår",
"listValue": "1995"
}
],
"placeholder": "Inline select redigering",
"helpText": "Hjælpetekst",
"isInlineEdit": true,
"select": true
}