ink-web-ui
Components

Code Block

Syntax-highlighted code display with line numbers and multi-language support

Demo

Click the terminal below. Use tab to switch between code samples in TypeScript, Python, and Bash.

Features

  • Keyword-based syntax highlighting for keywords, strings, numbers, comments, types, and operators
  • Multi-language support with samples in TypeScript, Python, and Bash
  • Line numbers with toggleable display
  • Scrollable for files longer than the visible area
  • Copy indicator showing when code has been copied
  • Language and line count display in the header

Keybindings

  • tab switch between code samples
  • j / k scroll down/up
  • l toggle line numbers
  • c copy code

On this page