CodeBlock component
Bloque de código con etiqueta opcional. Pensado para mostrar snippets en páginas de
documentación. La prop accent usa el color de la marca para imports de una línea.
IMPORTAR
import { CodeBlock } from 'jp-astro-components'; Variantes
IMPORTAR
import { Navbar, Button } from 'jp-astro-components'; <CodeBlock label="IMPORTAR" code={importCode} accent /> <Button href="/ruta">Texto</Button> <CodeBlock code={snippet} /> EJEMPLO
---
import { Navbar } from 'jp-astro-components';
const links = [
{ label: 'Inicio', href: '#hero' },
{ label: 'Proyectos', href: '#projects' },
];
---
<Navbar links={links} logo="Mi sitio" /> <CodeBlock label="EJEMPLO" code={snippet} /> Props
| Prop | Tipo | Default |
|---|---|---|
| code | string | — (requerido) |
| label | string | — |
| accent | boolean | false |