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

← Volver al inicio