// 04_SCORCH_STUDIO
DIFF VIEWER CodeBlock
Visor de código TUI con numeración de líneas, resaltado diff (+/-) y copiado en 1 clic.
// VISTA PREVIA
> CODEBLOCK DIFF VIEWER
src/styles/global.css CSS // DIFF
01 - border-radius: 8px;
02 + border-radius: 0px;
03 + box-shadow: -4px 4px 0px 0px var(--shadow-color);
// INSTALACIÓN
Terminal // Bash BASH
ryukami-ui add code-block
// CÓDIGO DE USO
src/pages/code-block-demo.astro ASTRO
01 ---
02 import CodeBlock from '@/components/CodeBlock.astro';
03 ---
04
05 <CodeBlock
06 filename="src/styles/global.css"
07 language="CSS // DIFF"
08 code="- border-radius: 8px;\n+ border-radius: 0px;"
09 />