Field 

<div class="c-field">
    <label for="inputExample" class="c-field__label">E-mail</label>
    <!-- Input starts -->
    <input type="text" class="c-input" id="inputExample" placeholder="you@company.com" value="">
    <!-- Input ends -->
</div>
 
<div class="c-field{{#if extraClassContainer}} {{extraClassContainer}}{{/if}}">
  <label for="{{ inputID }}" class="c-field__label">{{ label }}</label>
  {{#if rangeInput }}
    {{> '@input--slider'}}
  {{else if addNewInput}}
    {{> '@input--add-btn'}}
  {{else if powerSelect}}
    {{> '@input--power-select'}}
  {{else if btnInput}}
    {{> '@input--btn-outline'}}
  {{else}}
    {{> '@input'}}
  {{/if}}
</div>
 
{
  "label": "E-mail",
  "inputID": "inputExample",
  "placeholder": "you@company.com"
}
  • Content: 
    .c-field {

  > * + * {
    margin-top: $space-xxs;
  }
}

  .c-field__label {
    @include text-preset-6;
    color: $color-grey-600;
  }
  • URL: /components/raw/field/_field.scss
  • Filesystem Path: components/_code-components/field/_field.scss
  • Size: 139 Bytes

There are no notes for this item.