NG Kit

Bootstrap Link Button

The Bootstrap Link Button renders an anchor styled as a Bootstrap link button — useful for actions that should look like a link but need button semantics and accessible navigation. It extends the Base Button.

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
<a bsLinkButton href="/docs" mat-button>Docs</a>

<bs-link-button href="/docs">Docs</bs-link-button>

API

Renders an anchor styled as a Bootstrap link button, extending the base button. All other base inputs and outputs are inherited.

Inputs

NameTypeDefaultDescription
labelstring'Edit'Link label text.
iconstring'search'Material icon name rendered before the label.
classesstring'btn text-primary'CSS classes applied to the anchor.