Overlays

Tooltip

Non-interactive contextual label shown from pointer or keyboard focus.

Tooltip

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.