input-icon.html 1.1 KB

123456789101112131415161718192021222324
  1. {% capture addon %}
  2. {% if include.loader %}
  3. <span class="input-icon-addon{% if include.icon-class %} {{ include.icon-class }}{% endif %}">
  4. {% include ui/spinner.html class="text-secondary" size="sm" %}
  5. </span>
  6. {% else %}
  7. {% assign icon = include.icon | default: 'search' %}
  8. <span class="input-icon-addon{% if include.icon-class %} {{ include.icon-class }}{% endif %}">
  9. {% include ui/icon.html icon=icon %}
  10. </span>
  11. {% endif %}
  12. {% endcapture %}
  13. <div class="input-icon{% if include.class %} {{ include.class }}{% endif %}">
  14. {% if include.prepend %}
  15. {{ addon }}
  16. {% endif %}
  17. <input type="text" value="{{ include.value }}" class="form-control{% if include.light %} form-control-light{% endif %}{% if include.rounded %} form-control-rounded{% endif %}{% if include.input-class %} {{ include.input-class }}{% endif %}" placeholder="{{ include.placeholder | default: 'Search…' }}"{% if include['aria-label'] %} aria-label="{{ include['aria-label'] }}"{% endif %}{% if include.readonly %} readonly{% endif %}>
  18. {% unless include.prepend %}
  19. {{ addon }}
  20. {% endunless %}
  21. </div>