Skip to main content
Color mode
Color theme
Code repository
GitHub repository
Releases
Changelogs
@intility/bifrost-css@6.0.0
@intility/bifrost-react@6.1.1
@intility/bifrost-react-datepicker@6.0.1
@intility/bifrost-react-select@6.0.0
/
/
/
HTML Select

HTML Select

Also see /react/select
React component
Also see /css/input
Provide feedback or description
<div class="bf-select-container">
  <label for="uniqueSelectId" class="bf-label">Choose a pet</label>
  <select name="pets" id="uniqueSelectId" class="bf-select">
    <option value="">No pet selected</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
  </select>
</div>

<div class="bf-select-container">
  <label for="uniqueSelectId" class="bf-label">Choose a pet</label>
  <select name="pets" id="uniqueSelectId" class="bf-select">
    <option value="">No pet selected</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
  </select>
</div>