BackchannelUI
  1. Docs
  2. components
  3. Toolbar

Toolbar

A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes, with arrow key navigation.

Docs

There is no built-in HTML toolbar element. Toolbar helps achieve accessible toolbars with arrow key navigation that can be styled as needed.

Installation

npx shadcn@latest add https://backchanel.com/default/toolbar

Examples

Basic

Orientation

By default, toolbars are horizontally oriented. The orientation prop can be set to "vertical" to change the arrow key navigation behavior.

Group