View Button
The View Button triggers view or details actions, styled with an eye (visibility) icon. It extends the Base Button; for a more prominent, primary-styled variant, use the View Primary Button.
Overview
Examples
Usage
Use the button through its directive selector on any element, or through its component selector. The directive form is preferred for new code; the component form remains supported.
<button viewButton (click)="onView()" mat-button>View</button>API
Extends the base button as a subtle view / details action. All other base inputs and outputs are inherited.
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'View' | Button label text. |
icon | string | 'visibility' | Material icon name rendered before the label. |
See the Buttons introduction for the shared inputs, outputs and base-button API.