mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
68 lines
2.0 KiB
Plaintext
68 lines
2.0 KiB
Plaintext
---
|
|
title: "Avisos"
|
|
description: "Usa avisos para resaltar y dar forma a contenido importante."
|
|
keywords: ["callouts", "notes", "warnings", "info boxes", "tips", "emphasis", "highlight"]
|
|
---
|
|
|
|
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. Todos los tipos de avisos aceptan `className` para estilos personalizados.
|
|
|
|
<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>
|
|
|
|
<ResponseField name="className" type="string">
|
|
Clases CSS adicionales que se aplican al aviso. Disponible en todos los tipos de avisos.
|
|
</ResponseField>
|