`<pf-v5-search-input>`

Allows users to search through a list for specific search terms

Category: Forms
Built with: Lit
Library: PatternFly Elements
Author: Red Hat
Package: @patternfly/elements
Component size: 22.1 kB JS (minified + gzipped, JS includes dependencies beyond the library)
Library size: 6.3 kB JS (shared by every PatternFly Elements component, loaded once per page)
Popular: 2 out of 5
Downloads: 3,967/week (whole @patternfly/elements package)
Latest stable version: 5.0.0
Last published: May 3, 2026
License: MIT

Source code

A search input lets users type in words to find specific items or information. As they type, it can show matching results to help them quickly find what they are looking for.

A search input consists of a text field where users can type to find specific content or items. Unlike selects or dropdowns, which offer predefined options, a search input lets users enter their own keywords to filter or locate results. It includes a clear (×) button to easily remove the current input, allowing users to start a new search quickly.

Attributes

accessible-label
disabled
expanded
value
placeholder
position

Events

open
close