Log Viewer

Feedback

Scrollable log stream with level badges, search, timestamps, auto-scroll and empty state.

Instalação via CLI

$ npx kikitocn add log-viewer

Interno:

@/lib/utils

Exemplo de uso

Log ViewerExample.tsx

import { LogViewer } from "@/components/ui/cn/log-viewer/LogViewer";

export function LogViewerExample() {
  return (
    <LogViewer />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`entries*`	`LogEntry[]`	—	Lista de logs: { level, message, timestamp?, meta? }
`maxHeight`	`number \| string`	`400`	Altura máxima do contêiner
`searchable`	`boolean`	`true`	Exibe campo de busca
`showTimestamps`	`boolean`	`true`	Exibe timestamps
`showLevelBadge`	`boolean`	`true`	Exibe badge de nível (INFO, WARN, ERROR…)
`autoScroll`	`boolean`	`true`	Rola automaticamente para o último log

Carregando…