ion-nav-link | Ionic Framework
A navigation link is used to navigate to a specified component. The component can be navigated to by going forward, back or as a root component.
It is the element form of calling the push(), pop(), and setRoot() methods on the navigation controller.
See the nav documentation for more information.
component
| Description | Component to navigate to. Only used if the routerDirection is "forward" or "root". |
| Attribute | component |
| Type | Function ｜ HTMLElement ｜ ViewController ｜ null ｜ string ｜ undefined |
| Default | undefined |
componentProps
| Description | Data you want to pass to the component as props. Only used if the "routerDirection" is "forward" or "root". |
| Attribute | undefined |
| Type | undefined ｜ { [key: string]: any; } |
| Default | undefined |
routerAnimation
| Description | The transition animation when navigating to another page. |
| Attribute | undefined |
| Type | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| Default | undefined |
routerDirection
| Description | The transition direction when navigating to another page. |
| Attribute | router-direction |
| Type | "back" ｜ "forward" ｜ "root" |
| Default | 'forward' |
No events available for this component.
No public methods available for this component.
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.