Package org.patternfly.component.textinputgroup


package org.patternfly.component.textinputgroup
Provides text input group components for search, filter, and text input with utilities.

A text input group is an input component with additional capabilities such as icons, search utilities (clear button), and filter labels. This package includes a base text input group, a search input with built-in clear functionality, and a filter input that supports adding and removing filter labels.

Key Classes

Usage

Create a basic text input group or a search input with an icon:

import static org.patternfly.component.textinputgroup.SearchInput.searchInput;
import static org.patternfly.component.textinputgroup.TextInputGroup.textInputGroup;
import static org.patternfly.icon.IconSets.fas.search;

// Basic text input group
TextInputGroup basic = textInputGroup("my-input");

// Disabled text input group
TextInputGroup disabled = textInputGroup("disabled-input", "Disabled").disabled();

// Search input with icon
SearchInput searchInput = searchInput("search-0").icon(search());

Create a filter input with label management:

import static org.patternfly.component.textinputgroup.FilterInput.filterInput;
import static org.patternfly.icon.IconSets.fas.search;

FilterInput filterInput = filterInput("filter-0").icon(search())
        .allowDuplicates(false)
        .onAdd((fi, filter) -> console.log("Filter added: " + filter.text()))
        .onRemove((fi, filter) -> console.log("Filter removed: " + filter.text()));
See Also: