chore: updated readme

Author: ArathyKumar

elements/pf-search-input/README.md

@@ -1,11 +1,15 @@
 # Search Input
-Add a description of the component here.
+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.
 
 ## Usage
-Describe how best to use this web component along with best practices.
+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.
 
 ```html
 <pf-search-input>
-
+  <pf-option value="Alabama"> Alabama </pf-option>
+  <pf-option value="New Jersey"> New Jersey </pf-option>
+  <pf-option value="New York"> New York </pf-option>
+  <pf-option value="New Mexico"> New Mexico </pf-option>
+  <pf-option value="North Carolina"> North Carolina </pf-option>
 </pf-search-input>
 ```