{%- capture single_options -%} {%- endcapture -%} {%- capture single_optgroup -%} {%- endcapture -%} {%- capture multiple_options -%} {%- endcapture -%} {%- capture multiple_optgroup -%} {%- endcapture -%} {%- capture prepend_text -%}
Prepend
{%- endcapture -%} {%- assign append_text = prepend_text | replace: "Prepend", "Append" -%} {%- capture prepend_button -%} {%- endcapture -%} {%- assign append_button = prepend_button | replace: "Prepend", "Append" -%} {%- capture prepend_dropdown -%} {%- endcapture -%} {%- assign append_dropdown = prepend_dropdown | replace: "Prepend", "Append" -%} {%- capture prepend_toggle -%} {%- endcapture -%} {%- assign append_toggle = prepend_toggle | replace: "Prepend", "Append" -%} {%- capture content -%}

Single select

Basic single select

Single select w/ optgroup

Single select w/ allow clear

Disabled single select

Multiple select

Basic multiple select

Multiple select w/ optgroup

Multiple select w/ allow clear

Multiple select w/ custom entries

Disabled multiple select

Input groups

Prepend

{{ prepend_text }}
{{ prepend_text }}
{{ prepend_button }}
{{ prepend_button }}
{{ prepend_dropdown }}
{{ prepend_dropdown }}
{{ prepend_toggle }}
{{ prepend_toggle }}

Append

{{ append_text }}
{{ append_text }}
{{ append_button }}
{{ append_button }}
{{ append_dropdown }}
{{ append_dropdown }}
{{ append_toggle }}
{{ append_toggle }}

Prepend & Append

{{ prepend_text }} {{ append_text }}
{{ prepend_text }} {{ append_text }}
{{ prepend_button }} {{ append_button }}
{{ prepend_button }} {{ append_button }}
{{ prepend_dropdown }} {{ append_dropdown }}
{{ prepend_dropdown }} {{ append_dropdown }}
{{ prepend_toggle }} {{ append_toggle }}
{{ prepend_toggle }} {{ append_toggle }}

Sizing

Small

Select2 options

Bootstrap 5 class

Small

Select2 options

Bootstrap 5 class

Validation

Valid fields

.was-validated

.is-valid

Invalid fields

.was-validated

.is-invalid

{%- endcapture -%} {{ page.title }} - {{ site.title }} {% if page.permalink contains "4.0" %} {% else %} {% endif %} {% include layout/scripts.html %}
{% include layout/nav.html %}
{%- capture toc -%} {% include layout/toc.html html=content sanitize=true %} {%- endcapture -%} {% assign toc_test = toc | strip_newlines %}
{% if toc_test != "" %} On this page {% endif %}
{% if page.title and page.layout != "redirect" and page.error != true %}

{{ page.title }}

{% endif %} {{ content }}
{% include layout/footer.html %}