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
activeproperty 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. |