Selection
Checkbox
Independent boolean control for opting an item or setting in or out.Checkbox
Start with the public contract
Change only the properties that express real interface state.
Use controlled state
Bind v-model to one source of truth and handle the result next to the component.
Preserve composition
The parent layout owns size and placement; the component owns its states and semantics.