`<sp-coachmark>`

`<sp-coachmark>` is a temporary message that educates users through new or unfamiliar product experiences. They can be chained into a sequence to form a tour.

Category: Feedback
Built with: No library
Library: Spectrum Web Components
Author: Adobe
Package: @spectrum-web-components/coachmark
Component size: 23.8 kB JS (minified + gzipped, JS includes dependencies beyond the library)
Library size: 7.5 kB JS (shared by every Spectrum Web Components component, loaded once per page)
Popular: 2 out of 5
Downloads: 20,098/week · jsDelivr 2,113 hits/month (whole @spectrum-web-components/coachmark package)
Latest stable version: 1.12.4
Last published: Sep 29, 2026
Component last changed: May 12, 2026 (in 1.12.0)
License: Apache-2.0

Attributes

item
placement
shortcut-key
modifierKeys
src
media-type
has-asset
asset
current-step
total-steps
primary-cta
secondary-cta

Slots

cover-photo
heading
description
actions
step-count

Events

primary
secondary