Ir para o conteúdo principal
Version: 2.0.0-beta.5

Avisos (Admonitions)

Em adição à sintaxe básica do Markdown, usamos observações (remark-admonitions) ao lado do MDX para adicionar suporte à avisos (admonitions). As advertências são envolvidas por um conjunto de 3 dois pontos.

Exemplo:

:::note
Algum **conteúdo** com `syntax` _markdown_. Confira [esta `api`](#).
:::
:::tip
Algum **conteúdo** com `syntax` _markdown_. Confira [esta `api`](#).
:::
:::info
Algum **conteúdo** com `syntax` _markdown_. Confira [esta `api`](#).
:::
:::caution
Algum **conteúdo** com `syntax` _markdown_. Confira [esta `api`](#).
:::
:::danger
Algum **conteúdo** com `syntax` _markdown_. Confira [esta `api`](#).
:::
note

Algum conteúdo com sintaxe markdown. Confira esta api.

tip

Algum conteúdo com sintaxe markdown. Confira esta api.

info

Algum conteúdo com sintaxe markdown. Confira esta api.

caution

Algum conteúdo com sintaxe markdown. Confira esta api.

danger

Algum conteúdo com sintaxe markdown. Confira esta api.

Especificando o título#

Você também pode especificar um título opcional

:::note Seu Título
Algum **conteúdo** com `syntax` _markdown_.
:::
Seu Título

Algum conteúdo com sintaxe markdown.

Avisos com MDX#

Você também pode usar MDX dentro de admoestações!

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
:::tip Use tabs in admonitions
<Tabs  defaultValue="apple"  values={[    {label: 'Apple', value: 'apple'},    {label: 'Orange', value: 'orange'},    {label: 'Banana', value: 'banana'},  ]}>  <TabItem value="apple">This is an apple 🍎</TabItem>  <TabItem value="orange">This is an orange 🍊</TabItem>  <TabItem value="banana">This is a banana 🍌</TabItem></Tabs>
:::
Use tabs in admonitions
This is an apple 🍎