YNEX - Bootstrap 5 Premium Admin & Dashboard Template

Choices:

Multiple Select

Default

With Remove Button

Option groups

Passing Through Options

one

two

three

Options added via config with no search

Single Select

Default

Option groups

Email Address Only

abc@hotmail.com

Passing Unique Values

child-1

child-2

Default Select

<select class="form-select" aria-label="Default select example">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Disabled Select

<select class="form-select" aria-label="Disabled select example" disabled="">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Rounded Select

<select class="form-select rounded-pill" aria-label="Default select example">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Multiple Attribute Select

<select class="form-select" multiple="" aria-label="multiple select example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Using Size Attribute

<select class="form-select" size="4" aria-label="size 3 select example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>

Select Sizes

<select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select><select class="form-select mb-3" aria-label="Default select">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
<select class="form-select form-select-lg"
    aria-label=".form-select-lg example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Switcher

Form Select

Choices:

Multiple Select

Single Select