mirror of
https://github.com/upstash/context7.git
synced 2026-09-14 19:09:34 +08:00
Enes Gules
6d777619c2
Co-authored-by: Context7 Agent <docs-agent@context7.com> Co-authored-by: Josh <josh@upstash.com> Co-authored-by: context7[bot] <236830434+context7[bot]@users.noreply.github.com>
37 lines
901 B
Plaintext
37 lines
901 B
Plaintext
---
|
|
title: Callouts
|
|
description: Highlight notes, warnings, and other important information
|
|
---
|
|
|
|
Use a named callout for short information that should stand out. `<Success>` is an alias for `<Check>`.
|
|
|
|
## Usage
|
|
|
|
```mdx
|
|
<Note>Useful context.</Note>
|
|
<Info>Neutral information.</Info>
|
|
<Tip>A helpful suggestion.</Tip>
|
|
<Warning>Something needs attention.</Warning>
|
|
<Check>Something worked.</Check>
|
|
<Danger>A risky action.</Danger>
|
|
|
|
<Callout icon="sparkles" color="#8B5CF6">
|
|
A custom callout.
|
|
</Callout>
|
|
```
|
|
|
|
Named callouts also accept `emoji` and `type`. `<Callout>` accepts `icon`, `iconType`, and `color`.
|
|
|
|
## Example
|
|
|
|
<Note>Useful context.</Note>
|
|
<Info>Neutral information.</Info>
|
|
<Tip>A helpful suggestion.</Tip>
|
|
<Warning>Something needs attention.</Warning>
|
|
<Check>Something worked.</Check>
|
|
<Danger>A risky action.</Danger>
|
|
|
|
<Callout icon="sparkles" color="#8B5CF6">
|
|
A custom callout.
|
|
</Callout>
|