Mark an element for navigation.
This automatically applies the tabindex attribute and all keyboard and mouse listeners needed to enable NavController functionality.
tabindex
NavController
Mark an element for 1 dimensional navigation.
import {nav} from 'device-navigation';html` <div ${nav()}></div>`; Copy
import {nav} from 'device-navigation';html` <div ${nav()}></div>`;
Mark an element for 2 dimensional navigation.
import {nav} from 'device-navigation';html` <div ${nav(0, 1)}></div>`; Copy
import {nav} from 'device-navigation';html` <div ${nav(0, 1)}></div>`;
Mark an element as a nav group, which can't receive focus but can define a section of navigable elements.
import {group, nav} from 'device-navigation';const myTemplate = html` <div ${nav(group)}></div>`; Copy
import {group, nav} from 'device-navigation';const myTemplate = html` <div ${nav(group)}></div>`;
Mark an element for navigation.
This automatically applies the
tabindex
attribute and all keyboard and mouse listeners needed to enableNavController
functionality.