Home Components Select
Select
Overview Playground API
Allows the user to select one or more options using a dropdown.
Usage

    

    

const $dropDown = document.getElementById('select');
$dropDown.items = [
  { label: 'New', value: 'new', icon: 'add' },
  { label: 'Save', value: 'save', icon: 'save' },
  { label: 'Save As', value: 'save-as', icon: 'save--series' },
  {
    label: 'Nadine Brooks',
    value: 'nadine',
    icon: 'pin',
  },
  {
    label: 'Laura Ballard',
    value: 'laura',
    icon: 'calculator',
  },
];
$dropDown.addEventListener('goat:change', function (evt) {
  myConsole.log(JSON.stringify(evt.detail, null, 4));
});
    
Multi Select


    
Usage Search Managed search Multi Select
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next