1
0
mirror of synced 2024-11-23 21:36:09 +03:00
select2/pages/01.getting-started/chapter.md
2017-10-22 22:31:47 -04:00

2.8 KiB

title taxonomy process twig_first
Getting Started
category
docs
twig
true
true

Select2 logo

Select2

The jQuery replacement for select boxes

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

In your language

Select2 comes with support for RTL environments, searching with diacritics and over 40 languages built-in.

  <div class="size-1-3 size-tablet-1-2">
      <i class="fa fa-database fa-4x"></i>
      <h4>Remote data support</h4>
      <p>
        <a href="{{base_url_absolute}}/data-sources/ajax">Using AJAX</a> you can efficiently
        search large lists of items.
      </p>
  </div>

  <div class="size-1-3 size-tablet-1-2">
      <i class="fa fa-paint-brush fa-4x"></i>
      <h4>Theming</h4>
      <p>
        Fully skinnable, CSS built with Sass and an
        <a href="https://github.com/select2/select2-bootstrap-theme">optional theme for Bootstrap 3</a>.
      </p>
  </div>
</div>

<div class="grid">
  <div class="size-1-3 size-tablet-1-2">
    <i class="fa fa-plug fa-4x"></i>
    <h4>Fully extensible</h4>
    <p>
      The <a href="{{base_url_absolute}}/advanced">plugin system</a>
      allows you to easily customize Select2 to work exactly how you want it
      to.
    </p>
  </div>

  <div class="size-1-3 size-tablet-1-2">
    <i class="fa fa-tag fa-4x"></i>
    <h4>Dynamic item creation</h4>
    <p>
      Allow users to type in a new option and
      <a href="{{base_url_absolute}}/tagging">add it on the fly</a>.
    </p>
  </div>

  <div class="size-1-3 size-tablet-1-2">
    <i class="fa fa-html5 fa-4x"></i>
    <h4>Full browser support</h4>
    <p>Support for both modern and legacy browsers is built-in, even including Internet Explorer 8.</p>
  </div>
</div>

Looking for the documentation for Select2 3.5.3? That can still be found here.