> For the complete documentation index, see [llms.txt](https://swift-packages.gitbook.io/materialuikit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://swift-packages.gitbook.io/materialuikit/components/search-box.md). # Search Box Represents a Material UI styled search box for user input and search actions. ### Overview The `SearchBox` view provides a customizable search bar with Material UI styling. A search button appears when text is entered, allowing users to trigger a search action. To use the `SearchBox`, initialize it with a binding to the search text and a closure for the search action. Optionally, provide a custom placeholder text. ### Initializers Creates a search box with a default placeholder text. ```swift SearchBox(searchText: Binding, _ action: @escaping () -> Void) ``` Creates a search box with a custom placeholder text. ```swift SearchBox( _ placeholder: String, searchText: Binding, _ action: @escaping () -> Void ) ``` ### Parameters


Parameter	Description
`placeholder`	The placeholder text to display when the search bar is empty.
`searchText`	A binding to the text that the user enters into the search bar.
`action`	A closure to execute when the user triggers the search action.

### Example Displays a search box with default placeholder text. ```swift SearchBox(searchText: $query) { Void() } ```

Displays a search box with custom placeholder. ```swift SearchBox("Search here", searchText: $query) { Void() } ```