Skip to content

TkxLiveLog

import { TkxLiveLog } from 'tekivex-ui';

LiveLog is part of the tekivex-ui library. Every component is self-tested against WCAG 2.1 AAA criteria, fully typed, and tree-shakeable. A third-party AAA audit is on the roadmap, not completed.

PropTypeRequiredDescription
entriesLogEntry[]yes
maxEntriesnumber
heightnumber | string
autoScrollboolean
showLevelboolean
showTimestampboolean
showSourceboolean
filterLevelLogLevel
searchQuerystring
monospaceboolean
onEntryClick(entry: LogEntry) => void
  • Keyboard navigation supported on all interactive elements
  • :focus-visible outline at 2px (theme-token primary)
  • ARIA roles and properties applied per WAI-ARIA 1.2
  • Respects prefers-reduced-motion
  • Minimum 44×44 touch target where applicable

The implementation lives at src/components/TkxLiveLog.tsx.

This page is a generated scaffold. It will be replaced with hand-authored examples and a live preview in a follow-up release. For interactive demos, see the legacy demo site.