name: IconPicker
purpose: Search and choose a Bootstrap Icons name.

properties:
  value: string; selected icon name without the 'bi-' prefix

examples:
  standalone_and_form: |
    <script>
      const selectedIcon = 'house'
      const menu = { icon: 'heart' }
      const menuSchema = [{ name: 'icon', label: 'Icon', type: 'IconPicker' }]
    </script>

    <IconPicker $.state.value="selectedIcon"></IconPicker>
    <AutoForm $.state.data="menu" $.state.schema="menuSchema"></AutoForm>

events:
  change: detail is the selected icon name

related:
  - ../base/AutoForm.yaml

tests:
  - IconPicker.test.html