MIUN - Design Library

TextInput 

<div class="form-group">
    <label for="VisitorAddress">Besöksadress</label>
    <input type="text" class="form-control" name="VisitorAddress" id="VisitorAddress" value="Studentplan 2" placeholder="">
</div>
 
<div class="form-group">
    <label for="{{nameId}}">{{heading}}</label>
    <input type="text" class="form-control" name="{{nameId}}" id="{{nameId}}" {{#if value}}value="{{value}}"{{/if}} placeholder="{{placeholder}}">
    {{#each errors}}
      <p>{{ . }}</p>
    {{/each}}
 </div>
 
{
  "nameId": "VisitorAddress",
  "heading": "Besöksadress",
  "value": "Studentplan 2",
  "placeholder": ""
}
  • Content: 
    input[type=text] {
    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;
    }
}

.form-group {
    label {
        margin-bottom: 5px;
        padding-left: 25px;
        font-family: 'Lato Bold';
        font-size: 16px;
    }
}
  • URL: /components/raw/textinput/TextInput.scss
  • Filesystem Path: src\components\01-global_components\TextInput\TextInput.scss
  • Size: 485 Bytes

There are no notes for this item.