View Primary Button
The View Primary Button is a primary-styled action for viewing or opening details, pairing an eye icon with primary colour for the main row action. It extends the Base 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 viewPrimaryButton (click)="onView()" mat-raised-button>View</button>API
A view button with primary emphasis for the main row action, extending the base button. 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. |
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.