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 Edit Bootstrap Button

Edit Bootstrap Button

A Bootstrap-styled button for edit actions, often with a pencil icon. The Edit BS Button extends the Base Button and is styled for edit actions, using Bootstrap conventions. It is commonly used to trigger editing of items in lists or tables.

Usage

Directive (Preferred)
Component 
<button ariaLabel="Edit item" (click)="onEdit()" editBsButton>Edit</button>

API Reference

The Edit BS Button extends the Base Button and overrides below properties for edit behavior. See Base Button for inherited properties.

Below are the inputs overridden by the Edit BS Button.

NameTypeDefaultDescription
labelstring'Edit'Button label
classesstring'text-primary'CSS classes to apply
Previous
Delete Button
Next
Edit Button