Form Select

  1. Form Elements
  2. Form Select
Choices:
Multiple Select

Default

With Remove Button

Option groups

Select...
Passing Through Options
Options added via config with no search
Single Select

Default

Option groups

Select...
Email Address Only
Passing Unique Values
Default Select

<Form.Select aria-label="Default select example">
<option>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</Form.Select>
Disabled Select

 <Form.Select aria-label="Default select example" disabled={true}>
 <option>Open this select menu</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
 </Form.Select>
Rounded Select

 <Form.Select className="form-select rounded-pill" aria-label="Default select example">
 <option>Open this select menu</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
 </Form.Select>
Multiple Attribute Select

 <Form.Select multiple className="form-select"  aria-label="multiple select example">
 <option >Open this select menu</option>
 <option defaultValue="1">One</option>
 <option defaultValue="2">Two</option>
 <option defaultValue="3">Three</option>
</Form.Select>
Using Size Attribute

<Form.Select className="form-select" htmlSize={4} aria-label="size 3 select example">
<option>Open this select menu</option>
<option defaultValue="1">One</option>
<option defaultValue="2">Two</option>
<option defaultValue="3">Three</option>
<option defaultValue="4">Four</option>
<option defaultValue="5">Five</option>
</Form.Select>
Select Sizes

 <Form.Select size="sm" className="form-select form-select-sm mb-3" aria-label=".form-select-sm example">
 <option>Open this select menu</option>
 <option defaultValue="1">One</option>
 <option defaultValue="2">Two</option>
 <option defaultValue="3">Three</option>
</Form.Select>
<Form.Select className="form-select mb-3" aria-label="Default select">
 <option>Open this select menu
 </option>
 <option defaultValue="1">One</option>
 <option defaultValue="2">Two</option>
 <option defaultValue="3">Three</option>
</Form.Select>
<Form.Select size="lg" className="form-select form-select-lg"
 aria-label=".form-select-lg example">
 <option>Open this select menu</option>
 <option defaultValue="1">One</option>
 <option defaultValue="2">Two</option>
 <option defaultValue="3">Three</option>
</Form.Select>