Documentation versions (currently viewingVaadin 7)


Live Demo

NativeSelect is a drop-down selection component implemented with the native selection input of web browsers, using the HTML <select> element.

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

// Add some items
select.addItems("Mercury", "Venus", ...);

The setColumns() allows setting the width of the list as "columns", which is a measure that depends on the browser.

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.