---
title: NativeSelect
order: 18
layout: page
---
[[components.nativeselect]]
= [classname]#NativeSelect#
[classname]#NativeSelect# is a drop-down selection component implemented with
the native selection input of web browsers, using the HTML
[literal]#++++# element.
[source, java]
----
// Create the selection component
NativeSelect select = new NativeSelect("Native Selection");
// Add some items
select.addItems("Mercury", "Venus", ...);
----
The [methodname]#setColumns()# allows setting the width of the list as
"columns", which is a measure that depends on the browser.
[[figure.components.nativeselect.basic]]
.The [classname]#NativeSelect# Component
image::img/nativeselect-basic.png[]
Common selection component features are described in
<>.
== CSS Style Rules
[source, css]
----
.v-select {}
.v-select-select {}
----
The component has a [literal]#++v-select++# overall style. The native
[literal]#++select++# element has [literal]#++v-select-select++# style.
ion value='datepicker'>datepicker
dependabot/github_actions/github-actions-0b02fec6e3
dependabot/github_actions/github-actions-384b59e5c3
dependabot/github_actions/github-actions-66959c3ab9
dependabot/github_actions/github-actions-6951dec90a
dependabot/github_actions/github-actions-7574396d95
dependabot/github_actions/github-actions-a2938ab9b9
dependabot/github_actions/github-actions-ced721f930
dependabot/github_actions/github-actions-e7ab6fa4fa
dependabot/github_actions/github-actions-f50e11107c
dependabot/npm_and_yarn/body-parser-1.20.3
dependabot/npm_and_yarn/express-4.20.0
interactions
jtr-test
main
spinner-globalize-1.x
blob: ed662392c5390a2845ba2ad7704d8e7192c297d6 (
plain )