Skip to main content
The contextual toolbar is a floating action bar that appears on every page of your docs. It lets readers instantly copy page content, open it in an AI assistant, or add your docs as an MCP server — without leaving the page. Configure it in docs.json under contextual.options:
docs.json
{
  "contextual": {
    "options": ["copy", "view", "claude", "chatgpt", "mcp", "cursor", "vscode"]
  }
}

Available options

Content actions

OptionDescription
copyCopies the page as Markdown to the clipboard
viewOpens the raw Markdown version of the page (.md URL)

AI assistants

OptionDescription
claudeOpens the page in Claude
chatgptOpens the page in ChatGPT
perplexityOpens the page in Perplexity
grokOpens the page in Grok
aistudioOpens the page in Google AI Studio

Editor integrations

OptionDescription
cursorAdds the page to Cursor’s context
vscodeAdds the page to VS Code Copilot
windsurfAdds the page to Windsurf’s Cascade
devinOpens the page in Devin

MCP

OptionDescription
mcpShows instructions for using your docs as an MCP server
add-mcpProvides a one-click prompt to add your docs MCP server to an AI tool
The mcp and add-mcp options are especially powerful — they let developers connect your entire docs site to any MCP-compatible AI assistant, so it can answer questions about your product directly.

Custom options

You can add custom entries to the toolbar with a title, description, icon, and link. The href supports dynamic placeholders:
PlaceholderResolves to
$pageThe current page’s full URL
$pathThe current page’s path
$mcpYour docs MCP server URL
docs.json
{
  "contextual": {
    "options": [
      "copy",
      "claude",
      {
        "title": "Open issue",
        "description": "Report a problem with this page",
        "icon": "github",
        "href": "https://github.com/your-org/docs/issues/new?title=Issue+on+$path"
      }
    ]
  }
}
The contextual toolbar is only visible on preview and production deployments, not in mint dev local preview.

Pairing with Visibility

The toolbar’s copy and view options expose your page’s Markdown content directly. If you use the Visibility component, the for="agents" blocks will be included in that Markdown — giving AI assistants structured context that human readers don’t see.