Skip to content

Commit 60e50c9

Browse files
committed
docs: changeset
1 parent 27911f3 commit 60e50c9

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

.changeset/famous-parts-add.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
"@patternfly/elements": minor
3+
---
4+
5+
✨ Added `<pf-search-input>`.
6+
7+
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.
8+
9+
Use this when users need to search freely using their own terms — ideal for large or frequently changing sets of content.
10+
Do not use when the options are limited and known ahead of time — consider a dropdown or select instead
11+
12+
```html
13+
<pf-search-input>
14+
<pf-option value="Alabama"> Alabama </pf-option>
15+
<pf-option value="New Jersey"> New Jersey </pf-option>
16+
<pf-option value="New York"> New York </pf-option>
17+
<pf-option value="New Mexico"> New Mexico </pf-option>
18+
<pf-option value="North Carolina"> North Carolina </pf-option>
19+
</pf-search-input>
20+
```

0 commit comments

Comments
 (0)