Selection

Switch

Immediate boolean setting control with visible on and off states.

Switch

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.