NG Kit

Edit Bootstrap Button

The Edit Bootstrap Button is an edit action rendered with Bootstrap button styling. It extends the Base Button and is commonly used to edit items in lists or tables.

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.

html
<button editBsButton (click)="onEdit()" mat-button>Edit</button>

API

An edit button with Bootstrap button styling, extending the base button. All other base inputs and outputs are inherited.

Inputs

NameTypeDefaultDescription
labelstring'Edit'Button label text.
classesstring'text-primary'CSS classes applied to the button.