Coach indicator
Coach indicators help guide users through interfaces by highlighting important areas or features during onboarding and feature discovery.
| Property | Values | Default value | Required |
|---|---|---|---|
| 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."
}
}
}