Parat til dokumentation
<div class="form-floating is-required">
<textarea class="form-control is-valid" id="floatingInput" placeholder="Dette er et tekstområde" style="height: 10rem;" required>Her er der udfyldt tekst</textarea>
<label for="floatingInput">Dette er et tekstområde</label>
<div class="valid-feedback">
Dette tekstområde er udfyldt korrekt
</div>
</div>
<div class="form-floating {{#if isRequired}}is-required{{/if}}">
<textarea class="form-control {{#if isInvalid}}is-invalid{{/if}} {{#if isValid}}is-valid{{/if}}" id="floatingInput"
placeholder="{{placeholder}}" style="height: 10rem;" {{#if
isRequired}}required{{/if}}>{{#if value }}{{{value}}}{{/if}}</textarea>
<label for="floatingInput">{{placeholder}}</label>
{{#if helpText}}
<p class="text-muted">{{helpText}}</p>
{{/if}}
{{#if isInvalid}}
<div class="invalid-feedback">
{{validationMessage}}
</div>
{{/if}}
{{#if isValid}}
<div class="valid-feedback">
{{validationMessage}}
</div>
{{/if}}
</div>
{
"placeholder": "Dette er et tekstområde",
"value": "Her er der udfyldt tekst",
"validationMessage": "Dette tekstområde er udfyldt korrekt",
"isValid": true,
"isRequired": true
}