PropertyListRoot
PropertyListRoot is a headless structural primitive for array-based property editors.
It is intended for property UIs like:
- fills
- strokes
- effects
It provides slot props for:
- current items
- mixed-state detection
- add/remove/update/patch operations
- visibility toggling per item
Usage
vue
<PropertyListRoot prop-key="fills" v-slot="{ items, add, remove }">
<div v-for="(fill, index) in items" :key="index">
<button @click="remove(index)">Remove</button>
</div>
<button @click="add(defaultFill)">Add fill</button>
</PropertyListRoot>