Toolbar

shadow

The Element Toolbar is a flexible container designed to display a variety of content in an organized manner, typically used at the top of web applications or pages. It may contain buttons, navigation, search box, and more. It supports content alignment and can also be glued to the top of the screen.

Part of the Toolbar is the ToolbarActions element, which groups different actions in the form of buttons into a single unit.

Basic Usage

Dynamic breadcrumbs

Dynamic action

Attributes and Properties

No properties available for this component.

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

Name	Description
--wj-toolbar-backcolor	Background of the toolbar
--wj-toolbar-border-color	Color of the toolbar border
--wj-toolbar-min-height	Style of the toolbar border
--wj-toolbar-padding-bottom	Width of the toolbar border
--wj-toolbar-padding-inline	Color of the toolbar text
--wj-toolbar-padding-top	Minimum height of the toolbar
--wj-toolbar-top	Opacity of the toolbar background

Slots

Name	Description
end	The content is placed to the right of the button text in LTR and to the left in RTL.
start	The content is placed to the left of the button text in LTR and to the right in RTL.