Menu Bar Link
Menu Bar Link is component to be used within Menu Bar to create links.
| || ||Adds accessible label for the link that is only shown for screen readers. Typically, this label text replaces the visible text on the link for users who use assistive technology.|| || |
| || ||Active|| || |
| || ||Href|| || |
| || ||Icon|| || |
| || ||Theme.|| || |
This section includes guidelines for designers and developers about the usage of this component in different contexts.
When to use #
- When you are using Menu Bar and want to fill its slot with a link.
When not to use #
- If you are not using Menu Bar.
This component has been validated to meet the WCAG 2.1 AA accessibility guidelines. You can find additional information regarding accessibility of this component below.
- Underlying component has
menurole which marks the component as a menu for screen readers.
- It can be navigated with arrow keys.
Follow these practical tutorials to learn how to build simple page layouts using Duet’s CSS Framework, Web Components and other features:
Using CLI ToolsTutorials
Creating Custom PatternsTutorials
Server Side RenderingTutorials
Usage With Markdown
If you experience any issues while using a component, please head over to the Support page for more guidelines and help.