boost_js_select_searchable_dropdown_quickstart_initialization.ts

1import { Select } from 'boost-js-select';
2
3// Initialize the Select component on a specific element
4const element = document.querySelector<HTMLSelectElement>('#my-select');
5
6if (element) {
7  const select = new Select(element, {
8    // Optional configuration
9    searchable: true,
10    placeholder: 'Select an option...',
11    onSelect: (value: string) => {
12      console.log('Selected value:', value);
13    }
14  });
15
16  // Example: Programmatically change the value
17  // select.setValue('new-value');
18}