diff options
Diffstat (limited to 'documentation/components/components-nativeselect.asciidoc')
-rw-r--r-- | documentation/components/components-nativeselect.asciidoc | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/documentation/components/components-nativeselect.asciidoc b/documentation/components/components-nativeselect.asciidoc new file mode 100644 index 0000000000..f27c797eb9 --- /dev/null +++ b/documentation/components/components-nativeselect.asciidoc @@ -0,0 +1,49 @@ +--- +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]#++<select>++# 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 +<<dummy/../../../framework/components/components-selection#components.selection,"Selection +Components">>. + +== 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. + + + + |