DuxtCodeBlock
Die Karte um einen Codeblock.
Der Rahmen, in dem jeder Fence gezeichnet wird: Dateiname, Sprach-Icon, Kopier-Button.
Verwendung
Eher von ProsePre aufgerufen als
von Hand, aber direkt nutzbar:
<DuxtCodeBlock code="pnpm add -D @kirchdev/duxt" language="bash" />
API
Props
| Prop | Typ | Anmerkungen |
|---|---|---|
code | string | Roher Quelltext, für den Kopier-Button und als Inhalt des Blocks |
language | string | Wählt das Icon |
filename | string | Die Beschriftung in der Kopfzeile |
Slots
| Slot | Was hineingehört |
|---|---|
default | Hervorgehobenes Markup, sofern es welches gibt |
Anmerkungen
Ohne Dateinamen schwebt der Kopier-Button in der Ecke und erscheint beim Hover; mit einem sitzt er in der Kopfzeile, wo er immer sichtbar ist. Ein Block, der dauerhaft eine Schaltfläche in der Ecke der Seite zeigt, ist lauter als einer, der sie zeigt, wenn ein Leser danach sucht.
War diese Seite hilfreich?