Documentation versions (currently viewingVaadin 8)

Vaadin 8 reached End of Life on February 21, 2022. Discover how to make your Vaadin 8 app futureproof →


NativeSelect is a selection component allows selecting an item from a drop-down list. It is implemented with the native selection input of web browsers, using the HTML <select> element.

// Create the selection component
NativeSelect<String> select =
    new NativeSelect<>("Native Selection");

// Add some items
select.setItems("Mercury", "Venus", ...);
nativeselect basic
The NativeSelect Component

Common selection component features are described in "Selection Components".

CSS Style Rules

.v-select {}
  .v-select-select {}

The component has a v-select overall style. The native select element has v-select-select style.