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.

01

Use controlled state

Bind v-model to one source of truth and handle the result next to the component.

02

Preserve composition

The parent layout owns size and placement; the component owns its states and semantics.