Components Buttons View Primary Button

View Primary Button

A primary-styled button for view or details actions. The View Primary Button extends the Base Button and is styled as a primary action. It is used for prominent view or details actions, often with an eye icon and primary color.

Usage

Directive (Preferred)
Component
<button ariaLabel="View details" (click)="onView()" viewPrimaryButton>View</button>

API Reference

The View Primary Button extends the Base Button and overrides below properties for view behavior. See Base Button for inherited properties.

Below are the inputs overridden by the View Primary Button.

NameTypeDefaultDescription
labelstring'View'Button label
iconstring'visibility'Material icon name to display
classesstring'btn-primary primary-button'CSS classes to apply