Spectrum Components API

Schema version: 6.0.0

Coach indicator

Coach indicators help guide users through interfaces by highlighting important areas or features during onboarding and feature discovery.

PropertyValuesDefault valueRequired
corner rounding
none / corner-radius-75 / corner-radius-100 / corner-radius-200 / corner-radius-300 / corner-radius-400 / corner-radius-500 / corner-radius-600 / corner-radius-700 / corner-radius-800 / full
static color
white
If not set to white, the coach indicator uses the default color.
{
  "slug": "coach-indicator",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/coach-indicator.json",
  "title": "Coach indicator",
  "description": "Coach indicators help guide users through interfaces by highlighting important areas or features during onboarding and feature discovery.",
  "meta": {
    "category": "feedback",
    "documentationUrl": "https://spectrum.adobe.com/page/coach-indicator/"
  },
  "type": "object",
  "properties": {
    "cornerRounding": {
      "type": "string",
      "enum": [
        "none",
        "corner-radius-75",
        "corner-radius-100",
        "corner-radius-200",
        "corner-radius-300",
        "corner-radius-400",
        "corner-radius-500",
        "corner-radius-600",
        "corner-radius-700",
        "corner-radius-800",
        "full"
      ]
    },
    "staticColor": {
      "type": "string",
      "enum": [
        "white"
      ],
      "description": "If not set to white, the coach indicator uses the default color."
    }
  }
}
← Back to home