form-select

The <form-select /> component allows you to render a select block.

Attributes

The following attributes (bindables) are available for this component.

attribute type default description
name string '' The name of the select
classes string '' Classes to add
readonly boolean false Specifies that the select should be read-only
disabled boolean false Specifies that the select should be disabled
multiple boolean false Make the select a multi-select block
selectOptions array [] The available options
value string/array undefined The selected values
optionLabel string 'name' Which attribute to show in the option
autofocus boolean false Specifies to enable the autofocus of the select
required boolean false Make the select required

Examples

<form-select
  value.bind="[1,3]"
  select-options.bind="[{id: 55}, {id: 120}, {id: 99}]"
  option-label.bind="id">
</form-select>
<form-select
  multiple.bind="true"
  value.bind="['bob', 'John']"
  select-options.bind="[{name: 'Bob'}, {name: 'Kees'}, {name: 'John'}]">
</form-select>

results matching ""

    No results matching ""