mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
4b465465dd
Generated-By: mintlify-agent Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
65 lines
1.9 KiB
Plaintext
65 lines
1.9 KiB
Plaintext
---
|
|
title: "Avisos"
|
|
description: "Añade componentes de aviso de tipo info, note, tip, check, warning, danger y personalizados para destacar información importante en tu documentación."
|
|
keywords: ["callouts", "notes", "warnings", "info boxes", "tips", "emphasis", "highlight"]
|
|
boost: 3
|
|
---
|
|
|
|
import IconsOptional from "/snippets/es/icons-optional.mdx";
|
|
|
|
Aplica a los avisos los estilos Note, Advertencia, Información, Sugerencia, Check, Danger, o crea tu propio aviso:
|
|
|
|
<Note>Esto añade una nota en el contenido</Note>
|
|
|
|
```mdx
|
|
<Note>Esto añade una nota en el contenido</Note>
|
|
```
|
|
|
|
<Warning>Esto muestra una advertencia a la que debes prestar atención</Warning>
|
|
|
|
```mdx
|
|
<Warning>Esto muestra una advertencia a la que debes prestar atención</Warning>
|
|
```
|
|
|
|
<Info>Destaca información importante</Info>
|
|
|
|
```mdx
|
|
<Info>Destaca información importante</Info>
|
|
```
|
|
|
|
<Tip>Esto sugiere una Sugerencia útil</Tip>
|
|
|
|
```mdx
|
|
<Tip>Esto sugiere una Sugerencia útil</Tip>
|
|
```
|
|
|
|
<Check>Esto nos da un estado marcado</Check>
|
|
|
|
```mdx
|
|
<Check>Esto nos da un estado marcado</Check>
|
|
```
|
|
|
|
<Danger>Este es un aviso de alerta</Danger>
|
|
|
|
```mdx
|
|
<Danger>Este es un aviso de alerta</Danger>
|
|
```
|
|
|
|
<Callout icon="key" color="#FFC107" iconType="regular"> Este es un aviso personalizado</Callout>
|
|
|
|
```mdx wrap
|
|
<Callout icon="key" color="#FFC107" iconType="regular">Este es un aviso personalizado</Callout>
|
|
```
|
|
|
|
<div id="custom-callout-properties">
|
|
## Propiedades de aviso personalizado
|
|
</div>
|
|
|
|
El componente genérico `Callout` admite iconos y colores personalizados. Los avisos con tipo (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) usan iconos y colores predefinidos y solo aceptan `children`.
|
|
|
|
<IconsOptional />
|
|
|
|
<ResponseField name="color" type="string">
|
|
Color personalizado como código hexadecimal (por ejemplo, `#FFC107`). Establece el borde, el tinte de fondo y el color del texto del aviso.
|
|
</ResponseField>
|