Terminal Block

Display

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

Default

Terminal block

Terminal

$$ npm install @kikito/cn

> Installing packages…

> Added 42 packages in 2.1s

$$ npm run dev

> Ready on http://localhost:3000

Animated typing

Output

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
`style`	`CSSProperties`	—	Estilos inline pro container

Voltar para Display

Carregando…