Skip to content

ComponentsCoachMark

Components

CoachMark

Non-modal feature callouts anchored to a control: neutral and accent, arrow, 200ms .97 scale.

CoachMark

Max 280, padding 16, radius 12, title 14/20 semibold, a 28×12 notch 10px from the anchor, two drop shadows. It does not take focus, is announced politely, and outside presses do not dismiss it (Close, an action or Escape do). Toggle with the paperclip.

Neutral (bottom)
waiting for shown
Accent, close + action
waiting for shown
Neutral, top, badge + close
waiting for shown