Close menu

Pattern Library

<div class="flex flex-col gap-2 items-start">
  {% if label %}
    <label for="{{ id }}">
      {{ label }}

      {% if is_required %}
        <span class="text-red-600">*</span>
      {% endif %}
    </label>
  {% endif %}

  <div
    class="
      {% block wrapper_classes %}
        form__select w-full lg:w-96
      {% endblock %}
    "
  >
    <select
      class="
        select__control
        
        {% block classes %}
          {{ classes }}
        {% endblock %}
      "
      value=""
      id="{{ id }}"
      name="{{ id }}"
      {% block select_attrs %}{% endblock %}
    >
      {% for option in options %}
        <option>{{ option }}</option>
      {% endfor %}
    </select>
  </div>
</div>
context:
  label: 'Vybírací boxík'
  options:
    - 'Option 1'
    - 'Option 2'
    - 'Option 3'
    - 'Option 4'
    - 'Option 5'
    - 'Option 6'
  classes: ''
  id: 'select_1'
  is_required: true