Contents
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.
For an example of how to use ion-nav-link, visit the ion-nav docs.
| 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 |
| 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 |
| Description | The transition animation when navigating to another page. |
| Attribute | undefined |
| Type | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| Default | undefined |
| Description | The transition direction when navigating to another page. |
| Attribute | router-direction |
| Type | "back" ｜ "forward" ｜ "root" |
| Default | 'forward' |