---
title: Callouts
slug: docs/es/callouts
docTags: 
createdAt: 2026-06-05T12:32:42.012Z
---

[Callout](docId\:Ni_uilT4CntVomYJLkRXy) resaltan información importante usando contenedores de color. Son útiles para mostrar consejos, confirmaciones, advertencias y avisos críticos.

## Sintaxis

Usted puede agregar este componente usando Markdown o MDX.

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::hint{type="info"}
Su contenido aquí.
:::
```
:::

:::Tab{title="MDX"}
```javascript
<hint type="info">
Su contenido aquí.
</hint>
```
:::
::::

Las llamadas de atención admiten los siguientes tipos:

- `información`
- `éxito`
- `Advertencia`
- `peligro`

## Ejemplo MDX

El siguiente ejemplo crea cuatro tipos diferentes de llamadas de atención.

```html
<hint type="info">
Use **info** callouts for helpful tips and additional context.
</hint>

<hint type="success">
Use **success** callouts for positive outcomes or confirmations.
</hint>

<hint type="warning">
Use **warning** callouts for things users should be careful about.
</hint>

<hint type="danger">
Use **danger** callouts for critical warnings or destructive actions.
</hint>
```