Overview
Navigation Logo is an interactive element that allows a user to identify their current application context.
Navigation Logo is designed to work within the Navigation component. Use the heading
and description
properties to provide a contextual landmark to the users of your application or experience.
Usage
- To display the logo and name of your application.
- With the
active
property to represent that a user is at the "root" of an experience. - For interactive maps and demonstrations, to display the title and a description of the experience.
Sample
Accessibility
Keyboard navigation
Key | Function |
---|---|
Tab | Moves focus to the next focusable element. If the currently focused element is the last, the focus will leave the component. |
Tab and Shift | Moves focus to the previous focusable element. If the currently focused element is the first, the focus will leave the component. |
Enter | If the component has an href property, will open the specified URL destination. |