ink-web-ui
Components

Tabs

Tab bar with closable tabs, overflow scrolling, and keyboard-driven navigation for a code editor experience

Demo

Click the terminal below. Use h/l or arrow keys to switch tabs, w to close, and n to create new tabs.

Features

  • Active tab highlighting with bold, underline, and primary color
  • Closable tabs with a close indicator, and pinned tabs that cannot be closed
  • Overflow scrolling with hidden tab count indicators when tabs exceed visible space
  • Number key jumping to switch directly to a tab by position (1-9)
  • Dynamic tab creation to add new untitled tabs
  • Line-numbered content displayed below the tab bar
  • Tab counter showing current position out of total

Keybindings

  • h / left previous tab
  • l / right next tab
  • 1-9 jump to tab by position
  • w close current tab (if closable)
  • n add a new tab

On this page