Terminal Block

Display

Styled terminal window with colored output lines and optional typing animation.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/terminal-block

Instalação via CLI

$ npx kikitocn add terminal-block

Exemplo de uso

Terminal BlockExample.tsx

import { TerminalBlock } from "@/components/ui/cn/terminal-block/TerminalBlock";

export function TerminalBlockExample() {
  return (
    <TerminalBlock />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`lines*`	`TerminalLine[]`	—	Linhas { text, type?: 'command'\|'output'\|'error'\|'success' }
`title`	`string`	`'terminal'`	Título da janela
`animate`	`boolean`	`false`	Animar digitação sequencial
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…