input-selectgroup.html 1.0 KB

12345678910111213141516
  1. {% assign values = include.values | default: "One,Two,Three" | split: ',' %}
  2. {% assign default = include.default | default: values[0] %}
  3. {% assign type = include.type | default: "checkbox" %}
  4. {% assign name = include.name | default: "name" %}
  5. <div class="form-selectgroup{% if include.class %} {{ include.class }}{% endif %}">
  6. {% for value in values %}
  7. <label class="form-selectgroup-item">
  8. {% assign s = value | split: "i:" %}
  9. {% if include.with-text %}
  10. {% assign icon-class = "me-1" %}
  11. {% endif %}
  12. <input type="{{ type }}" name="{{ name }}" value="{% if s.size == 2 %}{{ s[1] }}{% else %}{{ value }}{% endif %}" class="form-selectgroup-input"{% if value == default %}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
  13. <span class="form-selectgroup-label">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon class=icon-class use-svg=true %}{% if include.with-text %} {{ icon | capitalize }}{% endif %}{% else %}{{ value }}{% endif %}</span>
  14. </label>
  15. {% endfor %}
  16. </div>