Package org.patternfly.component.toolbar
package org.patternfly.component.toolbar
Provides a toolbar component for organizing actions, filters, and controls in a horizontal layout.
A toolbar is a container for grouping related controls such as search inputs, buttons, filters, and pagination. It supports content sections, item and group types, toggle groups for responsive behavior, filter label groups, adjustable insets, sticky positioning, and color variants.
Key Classes
Toolbar- Main toolbar containerToolbarContent- Content section within a toolbarToolbarGroup- Group of toolbar itemsToolbarItem- Individual toolbar itemToolbarToggleGroup- Responsive toggle groupToolbarFilterContent- Filter content with label groupsToolbarGroupType- Typed group variants (action, filter, etc.)
Usage
Create a toolbar with search input and action buttons:
import static org.patternfly.component.button.Button.button;
import static org.patternfly.component.textinputgroup.SearchInput.searchInput;
import static org.patternfly.component.toolbar.Toolbar.toolbar;
import static org.patternfly.component.toolbar.ToolbarContent.toolbarContent;
import static org.patternfly.component.toolbar.ToolbarItem.toolbarItem;
Toolbar toolbar = toolbar()
.addContent(toolbarContent()
.addItem(toolbarItem()
.add(searchInput("search-0")))
.addItem(toolbarItem()
.add(button("Action").secondary()))
.addDivider()
.addItem(toolbarItem()
.add(button("Primary").primary())));
Create a toolbar with grouped action buttons:
import static org.patternfly.component.button.Button.button;
import static org.patternfly.component.toolbar.Toolbar.toolbar;
import static org.patternfly.component.toolbar.ToolbarContent.toolbarContent;
import static org.patternfly.component.toolbar.ToolbarGroup.toolbarGroup;
import static org.patternfly.component.toolbar.ToolbarGroupType.actionGroup;
import static org.patternfly.component.toolbar.ToolbarItem.toolbarItem;
Toolbar grouped = toolbar()
.addContent(toolbarContent()
.addGroup(toolbarGroup(actionGroup)
.addItem(toolbarItem().add(button("Edit").secondary()))
.addItem(toolbarItem().add(button("Clone").secondary())))
.addDivider()
.addGroup(toolbarGroup(actionGroup)
.addItem(toolbarItem().add(button("Save").primary()))));
- See Also:
-
ClassDescriptionA toolbar allows a user to manage and manipulate a data set.Container for a toolbar content.Container for a toolbar group.Container for a toolbar item.Container for a toolbar group.