22 lines
535 B
YAML
22 lines
535 B
YAML
|
name: IconPicker
|
||
|
|
purpose: Search and choose a Bootstrap Icons name.
|
||
|
|
|
||
|
|
properties:
|
||
|
|
value: string; selected icon name without the 'bi-' prefix
|
||
|
|
|
||
|
|
example: |
|
||
|
|
<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:
|
||
|
|
- ../AutoForm.yaml
|