SuggestBox demo page

List of Examples:

Basic example

Minimum setup. Can select multiple items. Selected items will be hidden from dropdown list.

Select city:

Edit in JSFiddle

ComboBox

ComboBox behaviour (maxSelection=1, closeListOnSelect=true). Selected item will have different background (selectedListItemClass="sb-list-item-checked").

Select city:

Edit in JSFiddle

MultiSelect

Example without searchBox. Used for small amount of list items. Selected items will be displayed as comma separated text. Such layout can be used as a filter component for table (grid).

Select status:

{{s.name}},

Edit in JSFiddle

Custom layout Example

In this example items in the dropdown list has custom layout. All styles are written as inline style so you can copy it. Best practice would be keeping those styles in a separate css.

Select person:

Edit in JSFiddle