DuxtCodeBlock
La tarjeta alrededor de un bloque de código.
El marco en el que se dibuja todo bloque delimitado: nombre de archivo, icono de lenguaje, botón de copiar.
Uso
Lo invoca ProsePre en lugar de
escribirse a mano, pero se puede usar directamente:
<DuxtCodeBlock code="pnpm add -D @kirchdev/duxt" language="bash" />
API
Props
| Prop | Tipo | Notas |
|---|---|---|
code | string | El código fuente en bruto, para el botón de copiar y como cuerpo |
language | string | Elige el icono |
filename | string | La etiqueta de la cabecera |
Slots
| Slot | Qué va dentro |
|---|---|
default | El marcado resaltado, cuando lo hay |
Notas
Sin nombre de archivo, el botón de copiar flota en la esquina y aparece al pasar el ratón; con uno, se asienta en la cabecera, donde siempre está visible. Un bloque que muestra siempre un botón en la esquina de la página es más ruidoso que uno que lo enseña cuando el lector va a buscarlo.
¿Le ha resultado útil esta página?