feat(nav): allow using NgbNavLink on a button element

ng-bootstrap · Mar 30, 2023 · 7db38b8 · 7db38b8
1 parent 8e084bd
commit 7db38b8
Show file tree

Hide file tree

Showing 4 changed files with 208 additions and 93 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -110,6 +110,8 @@ export {
 	NgbNavContentContext,
 	NgbNavItem,
 	NgbNavLink,
+	NgbNavLinkButton,
+	NgbNavLinkBase,
 	NgbNavModule,
 	NgbNavOutlet,
 	NgbNavPane,

diff --git a/src/nav/nav.module.ts b/src/nav/nav.module.ts
@@ -1,13 +1,31 @@
 import { NgModule } from '@angular/core';
 
-import { NgbNav, NgbNavContent, NgbNavItem, NgbNavLink } from './nav';
+import { NgbNav, NgbNavContent, NgbNavItem, NgbNavLink, NgbNavLinkButton, NgbNavLinkBase } from './nav';
 import { NgbNavOutlet, NgbNavPane } from './nav-outlet';
 
-export { NgbNav, NgbNavContent, NgbNavContentContext, NgbNavItem, NgbNavLink, NgbNavChangeEvent } from './nav';
+export {
+	NgbNav,
+	NgbNavContent,
+	NgbNavContentContext,
+	NgbNavItem,
+	NgbNavLink,
+	NgbNavLinkButton,
+	NgbNavLinkBase,
+	NgbNavChangeEvent,
+} from './nav';
 export { NgbNavOutlet, NgbNavPane } from './nav-outlet';
 export { NgbNavConfig } from './nav-config';
 
-const NGB_NAV_DIRECTIVES = [NgbNavContent, NgbNav, NgbNavItem, NgbNavLink, NgbNavOutlet, NgbNavPane];
+const NGB_NAV_DIRECTIVES = [
+	NgbNavContent,
+	NgbNav,
+	NgbNavItem,
+	NgbNavLink,
+	NgbNavLinkButton,
+	NgbNavLinkBase,
+	NgbNavOutlet,
+	NgbNavPane,
+];
 
 @NgModule({
 	imports: NGB_NAV_DIRECTIVES,