B3 Swatches Article

Tooltips

Configure tooltip position, animation, colors, and the mobile disable toggle for term-name hints on hover.

Introduction

Tooltips add a small hover label for swatches that need more context. Keep them quick and readable, and disable them on mobile when the extra tap is not worth it.

Tooltip setup

Enable tooltips and choose a position that stays predictable around your layout.

Tooltip styling

Adjust color and typography so tooltip content feels deliberate, not generic.

Tooltip behavior on mobile

Decide whether mobile visitors should keep tooltips or get a cleaner tap-first experience.