docs(nav): component playground examples (#2498)

docs/api/nav.md

@@ -27,12 +27,26 @@ Unlike Router Outlet, Nav is not tied to a particular router. This means that if
 
 ## Using NavLink
 
-NavLink is a simplified API when interacting with Nav. Developers can customize the component, pass along component properties, modify the direction of the route animation or define a custom animation when navigating.
+NavLink is a simplified API when interacting with Nav. Developers can customize the component, pass along component properties, modify the direction of the route animation or define a custom animation when navigating. 
 
-import NavLinkExample from '@site/static/usage/v8/nav/nav-link/index.md';
+import NavLinkExample from '@site/static/usage/v8/nav/nav-link/index.md'; 
 
 <NavLinkExample />
 
+## Navigation within a Modal
+
+Modal can use Nav to offer a linear navigation that is independent of the URL.
+
+:::note
+
+The example below uses a reference to Nav and the public method APIs to push and pop views. It is recommended to use NavLink in implementations that do not require this level of granular access and control.
+
+:::
+
+import ModalNavigationExample from '@site/static/usage/v8/nav/modal-navigation/index.md';
+
+<ModalNavigationExample />
+
 ## Interfaces
 
 ### NavCustomEvent