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 | component-props |
| Type | undefined īŊ { [key: string]: any; } |
| Default | undefined |
routerAnimationâ
| Description | The transition animation when navigating to another page. |
| Attribute | router-animation |
| 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.