> ## Documentation Index
> Fetch the complete documentation index at: https://smartac-justin-client-exports.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Ejemplos

> Muestra ejemplos de código en el panel derecho de la barra lateral en escritorio para mostrar muestras de solicitud y respuesta junto a la API.

Los componentes `<RequestExample>` y `<ResponseExample>` muestran bloques de código en la barra lateral derecha para crear un diseño de dos columnas que mantiene los ejemplos visibles mientras los usuarios se desplazan por tu contenido. Usa estos componentes para la documentación de API, pero funcionan en todas las páginas.

Casos de uso comunes:

* Documentación de endpoints de API con ejemplos de solicitud y respuesta
* Ejemplos de configuración junto con texto explicativo
* Fragmentos de código que los usuarios consultan mientras siguen instrucciones
* Ejemplos de antes y después en tutoriales

En dispositivos móviles, los componentes `<RequestExample>` y `<ResponseExample>` se muestran como bloques de código en estilo regular que los usuarios pueden omitir al desplazarse.

<RequestExample>
  ```bash Request theme={null}
  curl --request POST \
    --url https://dog-api.kinduff.com/api/facts
  ```
</RequestExample>

<ResponseExample>
  ```json Response theme={null}
  { "status": "success" }
  ```
</ResponseExample>

<div id="requestexample">
  ## RequestExample
</div>

Usa `<RequestExample>` para fijar ejemplos de código en la barra lateral derecha. Este componente funciona de forma similar al componente [CodeGroup](/es/components/code-groups), pero muestra el código en la barra lateral en lugar de en línea.

Puedes incluir varios bloques de código dentro de un solo `<RequestExample>`. Cada bloque de código debe tener un atributo title.

````mdx RequestExample theme={null}
<RequestExample>

```bash Solicitud
curl --request POST \
  --url https://dog-api.kinduff.com/api/facts
```

</RequestExample>
````

<div id="responseexample">
  ## ResponseExample
</div>

El componente `<ResponseExample>` ancla ejemplos de código en la barra lateral derecha, debajo de cualquier contenido `<RequestExample>` en la misma página.

````mdx ResponseExample theme={null}
<ResponseExample>

```json Respuesta
{ "status": "success" }
```

</ResponseExample>
````

<div id="properties">
  ## Propiedades
</div>

Tanto `<RequestExample>` como `<ResponseExample>` aceptan las siguientes propiedades:

<ResponseField name="dropdown" type="boolean">
  Mostrar un menú desplegable de idiomas para alternar entre bloques de código, en lugar del diseño de pestañas predeterminado.
</ResponseField>