PF6.SearchInput

PF6 SearchInput component

SearchInput provides a text field for search with clear and submit actions.

Definition

Opaque SearchInput type

{ value : String

, onChange : String -> msg

}

Construct a SearchInput

searchInput { value = model.query, onChange = QueryChanged }

Set placeholder text

Set accessible label

Send a message on submit (enter key / search button click)

Send a message when clear is clicked

Show type-ahead hint strings below the input

toMarkup : Theme -> SearchInput msg -> Element msg

Render the SearchInput as an Element msg