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

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: