Skip to content
Wappler Docs
Open in Wappler

Select: Reference

Reference for Select in Web Framework References. Key properties: ID, Class, Size, Multiple.

Bootstrap 5 component. Add the component and configure its properties in the Inspector.

Inspector Property Groups

Select Properties

Property Type Details
IDtextOptional unique identifier for this element.
Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction
Attribute: id
ClasstextAdds raw class names to the element.
Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API
Attribute: class
SizedroplistVisible options count.
Controls the size attribute on a select element. This changes how many options are visible without scrolling (listbox style). Bootstrap docs: Select
Options: Default, Large, Small
MultiplebooleanAllows multiple selection.
Enables selecting multiple options in a <select> . When enabled, users can select multiple items (usually using Ctrl/Cmd/Shift depending on platform). Bootstrap docs: Select
Attribute: multiple
DisabledbooleanDisables the select control.
Disables the select control. Disabled selects cannot be focused or changed. Bootstrap docs: Disabled forms
Attribute: disabled

Spacing

Property Type Details
Margin<br>&<br>Paddingspacing 
X GutterrangeHorizontal gutter size.
Sets the horizontal gutter (spacing between columns). Uses gx-* utilities to control the horizontal gutter size. Bootstrap docs: Gutters
Y GutterrangeVertical gutter size.
Sets the vertical gutter (spacing between rows). Uses gy-* utilities to control the vertical gutter size. Bootstrap docs: Gutters

Display

Property Type Details
Hide onbutton_groupOptions: xs, sm, md, lg, xl, xxl
Printbutton_group 
Visually Hiddenboolean 
Focusableboolean