<form class="form-micro">
    <div class="form-micro-group">
        <input class="input input--text" type="text" placeholder="PLZ" id="input-4e3b" name="input-4e3b" />
        <a class="button button--blue button--icon" id="button-0722" href="#">
            <svg class="icon button__icon icon--internal-link" id="icon-6024" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-internal-link"></use>
</svg>
        </a>
    </div>
</form>
-
  //- Prepare attr object
  attr = attr || {};
  attr.class = classList(attr.class);

  //- Form element settings
  settings = settings || {};

//- Wrap
form.form-micro&attributes(attr)
  //- Form inner
  .form-micro-group
    //- Render group of form elements (e.g. radio, checkbox)
    if group
      for groupItem in group
        - groupItemSettings = Object.assign(settings, groupItem.settings);
        != include(`@${groupItem.use}`, groupItemSettings)
/* No context defined for this component. */
  • Content:
    .form-micro {
      .input--text {
        border: 0;
        border-radius: 3px 0 0 3px;
        min-width: 0;
      }
    
      .button {
        border-radius: 0 3px 3px 0;
      }
    }
    
    .form-micro-group {
      align-items: center;
      border: 0;
      display: flex;
      justify-content: center;
      padding: 0;
    }
    
  • URL: /components/raw/form-micro/form-micro.scss
  • Filesystem Path: src/components/organisms/form-micro/form-micro.scss
  • Size: 268 Bytes

There are no notes for this item.