<div class="form-item form-item--tel">
    <label for="phone" class="label">International Phone Input
  <input id="phone" name="intl-phone" type="tel" data-intl-tel="true">
  </label>
</div>
<div class="form-item form-item--tel">
  {{#if label}}<label for="{{id}}" class="label">{{label}}{{/if}}
  <input{{#if id}} id="{{id}}"{{/if}}{{#if name}} name="{{name}}"{{/if}} type="tel" data-intl-tel="true">
  {{#if label}}</label>{{/if}}
</div>
/* No context defined for this component. */
  • Content:
    (function (window) {
      const phoneFields = document.querySelectorAll('[data-intl-tel]');
      phoneFields.forEach(function (field) {
        intlTelInput(field, {
          utilsScript: intlTelInputUtils,
        });
      });
    })(this);
    
  • URL: /components/raw/phone/phone.js
  • Filesystem Path: src/components/01-elements/form-items/phone/phone.js
  • Size: 218 Bytes
  • Content:
    .iti {
      display: block;
      margin-top: 10px;
    }
    
    [data-intl-tel] {
      width: 100%;
      min-height: 50px;
      padding: 10px 20px;
      border: 1px solid $color-medium-dark;
    }
    
  • URL: /components/raw/phone/phone.scss
  • Filesystem Path: src/components/01-elements/form-items/phone/phone.scss
  • Size: 165 Bytes

There are no notes for this item.