Control Bar
A floating control bar component that provides quick access to chat functionality via keyboard shortcuts. Appears as a button in the bottom-right corner and can be triggered with Cmd+K (Mac) or Ctrl+K (Windows/Linux).
Examples
Basic Usage
Interactive Demo
The control bar appears as a floating button in the bottom-right corner. Click the button or press Cmd+K (Mac) or Ctrl+K (Windows/Linux) to open it.
Main content area - the control bar floats above this content
Installation
Component API
ControlBar
| Prop | Type | Default | Description |
|---|---|---|---|
| contextKey | string | - | Unique identifier for the conversation thread |
| className | string | - | Additional CSS classes for customization |