Search Button
The Search Button triggers search or filter actions and is styled with a magnifier icon. It extends the Base Button and is available as the searchButton directive.
Overview
Examples
Usage
Use the button through its directive selector on any element (for example, primaryButton on a <button>).
<button ariaLabel="Search" (click)="onSearch()" searchButton mat-raised-button>Search</button>API
Extends the base button, styled for search / filter triggers. All other base inputs and outputs are inherited.
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'Search' | Button label text. |
icon | string | 'search' | Material icon name rendered before the label. |
loadingLabel | string | 'Searching...' | Text shown while loading is true. |
classes | string | 'btn-primary primary-button' | CSS classes applied to the button. |
See the Buttons introduction for the shared inputs, outputs and base-button API.