MIUN - Design Library

TextareaInput: Large 

<div class="form-group">
    <label for="VisitorAddress">Besöksadress</label>
    <textarea class="form-control large-textarea" name="VisitorAddress" id="VisitorAddress" rows="3">Studentplan 2 </textarea>
</div>
 
<div class="form-group">
    <label for="{{nameId}}">{{heading}}</label>
    <textarea class="form-control {{#if large}}large-textarea{{/if}}" name="{{nameId}}" id="{{nameId}}" rows="3">{{value}} </textarea>
 </div>
 
{
  "nameId": "VisitorAddress",
  "heading": "Besöksadress",
  "value": "Studentplan 2",
  "large": true
}
  • Content: 
    textarea.form-control {
    padding: 14px 25px;
    border: none;
    border-radius: 25px;
    color: rgba($color: $dark-grey, $alpha: .7);
    background-color: $light-grey;

    &:focus {
        color: #404040;
        background-color: $grey-hover;
    }

    &.error {
        border: 1px solid $orange;
    }
}

textarea.large-textarea {
    height: 500px;
}
  • URL: /components/raw/textareainput/TextareaInput.scss
  • Filesystem Path: src\components\01-global_components\TextareaInput\TextareaInput.scss
  • Size: 383 Bytes

There are no notes for this item.