CodeSnippetPRO

CodeSnippet forma parte del apartado «Patterns» del kit. Composiciones listas para usar: KPIs, perfiles, precios, eventos, posts y más.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { CodeSnippet } from "@tsukira/ui"; export function Ejemplo() {  return <CodeSnippet />;}

Los ejemplos detallados de CodeSnippet están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

CodeSnippetPropsextends HTMLAttributes<HTMLDivElement>

Prop	Tipo	Default	Descripción
`code`*	`string`	—	Código a mostrar (string).
`language`	`string`	—	Etiqueta de lenguaje (ej. "tsx", "bash").
`filename`	`string`	—	Nombre de archivo (header).
`showLineNumbers`	`boolean`	—	Mostrar números de línea.
`theme`	`'dark' \| 'light'`	—	Tema.
`copyable`	`boolean`	—	Permitir copiar (botón Copy).
`highlightLines`	`number[]`	—	Resalta líneas específicas (1-based).