CoreUI Select has been created as an extension of Bootstrap Select. Select is delivered with some new features, variants, and unique design that matches CoreUI Design System requirements.

For more information please visit our official documentation.

Custom <select> menus need only a custom class, .form-select to trigger the custom styles. Custom styles are limited to the <select>’s initial appearance and cannot modify the <option>s due to browser limitations.


You may also choose from small and large custom selects to match our similarly sized text inputs.

The multiple attribute is also supported:

As is the size attribute:


Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.