For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Slack communityLog inBook a demo
  • Getting Started
    • Overview
    • Quickstart
    • Customer Showcase
  • Writing Content
    • Markdown
      • Overview
      • Accordions
      • Accordion Groups
      • Aside
      • Button
      • Callouts
      • Cards
      • Card Groups
      • Code Blocks
      • Embed
      • Endpoint Request Snippet
      • Endpoint Response Snippet
      • Endpoint Schema Snippet
      • Frames
      • Icons
      • Parameter Fields
      • Steps
      • Tabs
      • Tooltips
    • Visual Editor
    • Reusable Markdown
    • Custom React Components
    • Changelog
LogoLogo
Slack communityLog inBook a demo
On this page
  • Properties
  • Examples
Writing ContentComponents

Tooltips

Was this page helpful?
Previous

Visual Editor

Next
Built with

The Tooltips component provides a way to display additional information when users hover over an element. This is particularly useful for providing context or explanations without cluttering the interface.

Properties

data
objectRequired

Key-value pairs where the values are displayed in your code blocks.

tooltips
object

Key-value pairs where the values are displayed in the tooltips. The Key for tooltips must match the Key for data.

Examples

Basic Tooltip
Markdown
1const apiKey = "{{API_KEY}}";
Multiple Tooltips
Markdown
1// Import required libraries
2import axios from "axios";
3
4// Configure API client with authentication
5const api = axios.create({
6	baseURL: "{{BASE_URL}}",
7	headers: {
8	Authorization: `Bearer {{API_KEY}}`,
9	"Content-Type": "application/json",
10	},
11});