// Module included in the following assemblies:
//
// * web_console/creating-quick-start-tutorials.adoc

:_mod-docs-content-type: REFERENCE
[id="quick-start-highlighting-reference_{context}"]
= Quick start highlighting markdown reference

The highlighting, or hint, feature enables Quick Starts to contain a link that can highlight and animate a component of the web console.

The markdown syntax contains:

* Bracketed link text
* The `highlight` keyword, followed by the ID of the element that you want to animate

[id="quick-start-highlighting-perspective-switcher_{context}"]
== Perspective switcher

[source,text]
----
[Perspective switcher]{{highlight qs-perspective-switcher}}
----

[id="quick-start-highlighting-admin-perspective_{context}"]
== Administrator perspective navigation links

[source,text]
----
[Home]{{highlight qs-nav-home}}
[Operators]{{highlight qs-nav-operators}}
[Workloads]{{highlight qs-nav-workloads}}
[Serverless]{{highlight qs-nav-serverless}}
[Networking]{{highlight qs-nav-networking}}
[Storage]{{highlight qs-nav-storage}}
[Service catalog]{{highlight qs-nav-servicecatalog}}
[Compute]{{highlight qs-nav-compute}}
[User management]{{highlight qs-nav-usermanagement}}
[Administration]{{highlight qs-nav-administration}}
----

[id="quick-start-highlighting-dev-perspective_{context}"]
== Developer perspective navigation links

[source,text]
----
[Add]{{highlight qs-nav-add}}
[Topology]{{highlight qs-nav-topology}}
[Search]{{highlight qs-nav-search}}
[Project]{{highlight qs-nav-project}}
[Helm]{{highlight qs-nav-helm}}
----

[id="quick-start-highlighting-common-nav_{context}"]
== Common navigation links

[source,text]
----
[Builds]{{highlight qs-nav-builds}}
[Pipelines]{{highlight qs-nav-pipelines}}
[Monitoring]{{highlight qs-nav-monitoring}}
----

[id="quick-start-highlighting-masthead-links_{context}"]
== Masthead links

[source,text]
----
[CloudShell]{{highlight qs-masthead-cloudshell}}
[Utility Menu]{{highlight qs-masthead-utilitymenu}}
[User Menu]{{highlight qs-masthead-usermenu}}
[Applications]{{highlight qs-masthead-applications}}
[Import]{{highlight qs-masthead-import}}
[Help]{{highlight qs-masthead-help}}
[Notifications]{{highlight qs-masthead-notifications}}
----
