<div>
    <div class="form-group">
        <label class="form-label" for="input1">Email</label>
        <input class="form-control" type="email" placeholder="arnulf@beckenbauer.com" id="input1"><small class="form-text">I'm a helpful message</small>
    </div>
</div>
<div>
    <div class="form-group">
        <label class="form-label" for="input1">Email</label>
        <input class="form-control" type="email" placeholder="arnulf@beckenbauer.com" id="input1" />
        <small class="form-text">I'm a helpful message</small>
    </div>
</div>
/* No context defined for this component. */
  • Content:
    .form-group {
      margin-bottom: $spacer-sm;
    
      .form-label + .form-control,
      .form-label > .form-control,
      .form-control + .form-text,
      .form-check__label + .form-text,
      .form-label + .form-check {
        margin-top: $spacer-xxs;
      }
    
      &--invalid {
        .form-label,
        .form-text {
          color: $form-label-invalid-color;
        }
    
        .form-control {
          border-color: $form-control-invalid-border-color;
        }
      }
    }
    
  • URL: /components/raw/form-group/_form-group.scss
  • Filesystem Path: components/01-atoms/input-elements/form-group/_form-group.scss
  • Size: 419 Bytes

There are no notes for this item.