Search
Adding a way to open the SearchModal
Expand and use one or multiple of the following examples to add a way to open the SearchModal.
See overview for a disambiguation of the different search components.
Open centered modal
Open centered modal
Open aligned modal
Open aligned modal
Render a SearchField that opens a modal aligned to the SearchField itself:
Render a SearchField that opens a modal aligned to the SearchField itself:
Render a SearchField that opens a modal aligned to another DOM element
Render a SearchField that opens a modal aligned to another DOM element
📘 Modal alignment on smaller screens
When the viewport height is below 900px, the search modal will overlook the element reference passed to the alignerRef
property and center the search modal to the top of the viewport. This is to use the available space as efficiently as possible.
You can find the related reference here