工具提示

1
当您为关键术语添加<Tooltip tip="用于基本解释的简单工具提示">工具提示</Tooltip>时，文档会变得更具交互性。 

1
您可以包含<Tooltip 
2
  tip={
3
    <div>
4
      <strong>丰富内容</strong>
5
      <br /><br />
6
      支持 HTML 格式化、<a href="https://buildwithfern.com/" target="_blank">外部链接</a>和<code>内联代码</code>
7
    </div>
8
  } 
9
  side="right"
10
>丰富内容</Tooltip>并自定义定位以获得更详细的解释。

1
<Template
2
	data={{ API_KEY: "123456" }}
3
	tooltips={{
4
		API_KEY: (
5
			<p>
6
				您的 API 密钥用于验证对我们 API 的请求。请保持安全，切勿在客户端代码中暴露它。 
7
			</p>
8
		)
9
	}}
10
>
11
12
```ts
13
const apiKey = "{{API_KEY}}";
14
```
15
16
</Template>

1
<Template
2
	data={{ API_KEY: "example-key-test-123456789",
3
			BASE_URL: "https://api.example.com/v1",
4
	}}
5
	tooltips={{
6
		API_KEY: (<p>
7
		您的 API 密钥用于验证对我们 API 的请求。请保持安全，切勿在客户端代码中暴露它。
8
		<br /><br />
9
		您可以在<a href="https://dashboard.example.com/settings/api-keys">仪表板</a>中找到您的 API 密钥
10
		<br /><br />
11
		<strong>注意：</strong>以<code>example-key-test-</code>为前缀的密钥用于测试，而以<code>example-key-live-</code>为前缀的密钥用于生产环境。
12
		</p>),
13
		BASE_URL: (<p>
14
		所有 API 请求的基本 URL。不同环境（测试/生产）使用不同的基本 URL。
15
		<br /><br />
16
		请查看我们的<a href="https://docs.example.com/environments">环境文档</a>了解更多详情。
17
		</p>),
18
	}}
19
>
20
21
```ts
22
// Import required libraries
23
import axios from "axios";
24
25
// Configure API client with authentication
26
const api = axios.create({
27
	baseURL: "{{BASE_URL}}",
28
	headers: {
29
	Authorization: `Bearer {{API_KEY}}`,
30
	"Content-Type": "application/json",
31
},
32
});
33
```
34
35
</Template>