The following segment provides instructions for designers and developers regarding the appropriate utilization of this
component in various situations.
Do:
Use when a keyword or key value for a search request is necessary.Use without a label only when the context is clear.Use with a slotted locate button when a locate action can be performed.Use a loading state to indicate a search is being performed.Use an asterisk to indicate required fields.Use success or error messages if the user input was inappropriate.Use search suggestions or recent history when it adds contextual value.
Don't:
Don’t use labels with more than two words whenever possible (keep them short and descriptive).Don’t use instructional or descriptive text as the label.Don’t use p-input-search for purposes other than search.Don’t use compact variants in marketing applications.Don’t manipulate or replace the default search icon.