mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
Ethan Palm
4c31f3683c
* ai/ keywords * api/ keywords * components/ keywords * create/ keywords * customize/ keywords * api-playground/ keywords * dashboard/ keywords * deploy/ keywords * guides/ keywords * insights/ keywords * integrations/ keywords * optimize/ keywords * organize/ keywords * root/ keywords * rm temp files
50 lines
1.1 KiB
Plaintext
50 lines
1.1 KiB
Plaintext
---
|
|
title: "Callouts"
|
|
description: "Use callouts to style and emphasize important content."
|
|
keywords: ["callouts", "notes", "warnings", "info boxes", "tips", "emphasis", "highlight"]
|
|
---
|
|
|
|
Callouts can be styled as a Note, Warning, Info, Tip, Check, Danger, or create your own callout:
|
|
|
|
<Note>This adds a note in the content</Note>
|
|
|
|
```mdx
|
|
<Note>This adds a note in the content</Note>
|
|
```
|
|
|
|
<Warning>This raises a warning to watch out for</Warning>
|
|
|
|
```mdx
|
|
<Warning>This raises a warning to watch out for</Warning>
|
|
```
|
|
|
|
<Info>This draws attention to important information</Info>
|
|
|
|
```mdx
|
|
<Info>This draws attention to important information</Info>
|
|
```
|
|
|
|
<Tip>This suggests a helpful tip</Tip>
|
|
|
|
```mdx
|
|
<Tip>This suggests a helpful tip</Tip>
|
|
```
|
|
|
|
<Check>This brings us a checked status</Check>
|
|
|
|
```mdx
|
|
<Check>This brings us a checked status</Check>
|
|
```
|
|
|
|
<Danger>This is a danger callout</Danger>
|
|
|
|
```mdx
|
|
<Danger>This is a danger callout</Danger>
|
|
```
|
|
|
|
<Callout icon="key" color="#FFC107" iconType="regular"> This is a custom callout</Callout>
|
|
|
|
```mdx wrap
|
|
<Callout icon="key" color="#FFC107" iconType="regular">This is a custom callout</Callout>
|
|
```
|