NG Kit Logo

NG Kit

Introduction Installation
Alert
Introduction Base Button Bootstrap Link Button Close Button Delete Button Edit Bootstrap Button Edit Button Edit SVG Icon Button Excel Export Button Manage Button PDF Export Button Primary Button Save Primary Button Search Button Success Button View Button View Primary Button
Autocomplete Confirm Dialog Ngx Spinner Snack Bar Spinner
Ngx Print Prevent Multiple Clicks
Progress Util
Components Buttons View Button

View Button

A button for view or details actions, often with an eye icon. The View Button extends the Base Button and is used to trigger view or details actions. It is styled with an eye icon and is accessible.

Usage

This component is not intended to be used directly. Use the directive or extended button components instead.

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

This component should not be used directly. Use view-primary-button instead.

API Reference

The View 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 Button.

NameTypeDefaultDescription
labelstring'View'Button label
iconstring'visibility'Material icon name to display
Previous
Success Button
Next
View Primary Button