Pelote
FR
Feedback

Tooltip

A simple bubble on hover and focus for an element without a visible label.

Category: FeedbackOpen the preview alone

Live preview

Reference specimen. Example copy comes from the Pelote specs and is in French.

ExpressiveRéférence

Rafraîchir les conteneurs

UX / UIRègles illustrées

À faire
Copier la commande
Court, verbe.
À éviter
Cliquez sur ce bouton pour copier la commande dans votre presse-papiers afin de la coller ailleurs
Une phrase entière qui décrit l'évidence.

Variante M3EMême composant, mêmes rôles, autre matière

PlazaWii U / 3DS

Rafraîchir

ChromeY2K

Refresh

Reference specimen. Example copy comes from the Pelote specs and is in French.

A simple on-surface / surface bubble, 12px, 6px radius, 280px max, on hover and focus of an element without a visible label.

Rules

  • Name the action, do not explain the interface.
  • Never put essential information only in a tooltip: it is invisible to touch.

More

TokensAssetsLicense GitHub

Appearance

The choice applies immediately and stays on this device.

Mode
Theme colour Every role is regenerated from this source colour.
Style The material changes, components and roles stay the same.
Material YouOn the web, the wallpaper colour is not available. Pick a source colour above; in Android 12+ apps, Material You follows the wallpaper.