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". |
| 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' |
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.