Select

<ly-select> allows user input through specified options.

Basic Select

native html select

Label

ly-select

 
Label

appearance

 
Label

 
Label

Select with 2-way value binding

native html select

Label

ly-select

option 2
Label

You selected: 2

Select with multiple selection

Option 2, Option 4
Label

You selected: [ 2, 4 ]

Select with reactive forms

native html select

Label

ly-select

 
Label

ly-select multiple

 
Label

Select with option object value

If the value is an object and also has an immutable state, you can use the valueKey property of <ly-select>, the property accepts only a function that returns the unique id of the object.

Cherry
Label
You selected: [
  {
    "value": "cherry-2",
    "viewValue": "Cherry"
  }
]

Disabled select

Disable select

native html select

Label

ly-select

 
Label

API

Made withfavoriteby Enlcxx

Currently v2.9.4. Released under the MIT License