edbnedbn/ui
ComponentsMapsPDF
GitHub stars
Explorer
Get Started
Components

Toolbar

Premium solid toolbar with grouped actions, links, and inputs.

Componentsdocsbase-ui/toolbar

Installation

npx shadcn@latest add https://ui.edbn.me/api/analytics/registry/toolbar.json

Manual

API Reference

Root

A horizontal or vertical toolbar container. Renders a div element (role=toolbar).

orientation'horizontal' | 'vertical'
='horizontal'

Toolbar orientation

loopFocusboolean
=true

Loop keyboard focus

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Root data attributes
AttributeDescription
data-orientationToolbar orientation

Button

A toolbar action button. Renders a button element.

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Link

A toolbar link element. Renders an a element.

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Separator

A visual separator between toolbar items. Renders a div element.

classNamestring | function

CSS class name

renderReactElement | function

Custom render function