ion-nav-link
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.
Properties
component
| Description | Component to navigate to. Only used if the routerDirection is "forward" or "root".This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| 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 | T ｜ undefined |
| Default | undefined |
mode
| Description | The mode determines the platform behaviors of the component. This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| 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' |
theme
| Description | The theme determines the visual appearance of the component. This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | theme |
| Type | "ios" ｜ "md" ｜ "ionic" |
| Default | undefined |
Events
No events available for this component.
Methods
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
No CSS custom properties available for this component.
Slots
No slots available for this component.