Toolbar

A toolbar's your go-to spot for a bunch of handy controls like buttons, dropdowns, and checkboxes. Navigate through 'em using your arrow keys smooth and simple!

Basic

This basic example highlights the most common use cases for a toolbar.

Installation

In the terminal, run the following command to begin:
npx hq-kit add toolbar

Orientation

By default, the toolbar is displayed horizontally. You can change it to vertical using the orientation prop.

Disabled

You can disable a toolbar either as a group or individually by using the isDisabled prop.

SwitchCommand