Skip to main content

Bootstrap

This library uses namespaced versions of standard bootstrap classes. So you can use it with Bootstrap with minimal customization, mostly just removing the classNamePrefix:

<SuperSelect
    mode="modal"
    customization={{
        classNamePrefix: "",
        modalSelectButton: {
            selectedContent: { placeholder: "Select..." },
        },
    }}
>
    <option value="robert-balboa">Robert Balboa</option>
    <option value="apollo-creed">Apollo Creed</option>
</SuperSelect>

The live example uses a small BootstrapSuperSelect wrapper built from the same pattern. You can view the source on GitHub.

Display Mode

Single Select

Multi Select

Grouped Options

Group A
Group B

Loading State

Error State

Toolkit Modal + Modal Select