UNPKG

@dbp-toolkit/common

Version:

You can provide attributes (e.g. `global-name`) for components inside the provider:

26 lines (19 loc) 837 B
## Select Web Component You can use this web component to have select/dropdown with a menu of options (with optional icons). Supports full keyboard navigation and “click outside to close,” and emits a change event when an option is selected. ### Key features - Options via JSON: `{value, title, iconName? }[]` - Optional icons (uses `<dbp-icon>` when iconName is provided) - Accessible: ARIA roles, arrow-key navigation, Escape to close ```html <script type="module" src="https://unpkg.com/@dbp-toolkit/common@0.2.8/dist/components.js"></script> <dbp-select id="actions" label="Actions"></dbp-select> ``` ```js const sel = document.getElementById('actions'); sel.setOptions([ {value: 'add', title: 'Add', iconName: 'add'}, {value: 'edit', title: 'Edit', disabled: true}, {value: 'delete', title: 'Delete'}, ]); ```