DevMetaPropsMachine
components/dev/meta/PropsMachine.vue
Auto-generates interactive UI controls from an adminProps object. Supports booleans (toggle), strings (text input), numbers (stepper), ranges (slider), and option lists (dropdown).
Auto-generated controls
Live output
label:Hello World
active:true
count:5
opacity:80 (range)
size:medium (options)
components/dev/meta/PropsMachine.vue
Usage
<DevMetaPropsMachine
:properties = "required"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| properties | Object | required | Reactive adminProps object to generate controls from |
Events
| Event | Description |
|---|---|
| update:properties | When any prop value is edited |