Reference Source
import {SelectList} from '@adobe/coral-spectrum'
public class | source

SelectList

Expression Extends:

class SelectList extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A SelectList component is a selectable list of items.

See:

Example:

Markup
<coral-selectlist></coral-selectlist>
JS constructor
new Coral.SelectList();

Member Summary

Public Members
public

The Collection Interface that allows interacting with the SelectListGroup elements that the SelectList contains.

public

The Collection Interface that allows interacting with the items that the component contains.

public

Whether items are being loaded for the SelectList.

public

Indicates whether the SelectList accepts multiple selected items.

public

The selected item in the SelectList.

public

The selected items of the SelectList.

Public Members

public groups: SelectableCollection source

The Collection Interface that allows interacting with the SelectListGroup elements that the SelectList contains. This includes items nested inside groups. To manage items contained within a specific group, see SelectListGroup#items.

  • read-only

public items: SelectableCollection source

The Collection Interface that allows interacting with the items that the component contains.

  • read-only

public loading: Boolean source

Whether items are being loaded for the SelectList. Toggling this merely shows or hides a loading indicator.

  • false by default.
  • reflected

public multiple: Boolean source

Indicates whether the SelectList accepts multiple selected items.

  • false by default.
  • reflected

public selectedItem: HTMLElement source

The selected item in the SelectList.

  • read-only

public selectedItems: Array<HTMLElement> source

The selected items of the SelectList.

  • read-only