`HdySearchBar` is a container made to have a search entry (possibly with additional connex widgets, such as drop-down menus, or buttons)
built-in. The search bar would appear when a search is started through typing on the keyboard, or the application’s search mode is
toggled on.
For keyboard presses to start a search, events will need to be forwarded from the top-level window that contains the search bar. See [
[email protected]_event] for example code. Common shortcuts such as <kbd>Ctrl</kbd>+<kbd>F</kbd> should be
handled as an application action, or through the menu items.
You will also need to tell the search bar about which entry you are using as your search entry using [[email protected]_entry].
The following example shows you how to create a more complex search entry.
`HdySearchBar` is very similar to [[email protected]], the main difference being that it allows the search entry to fill all the
available space. This allows you to control your search entry's width with a [class@Clamp].
CSS nodes
`HdySearchBar` has a single CSS node with name `searchbar`.