Menu Bar Dropdown
Menu Bar Dropdown is component to be used within Menu Bar to create dropdowns.
| || ||Adds accessible label for the button that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.|| || |
| || ||Icon|| || |
| || ||Open|| || |
| || ||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 dropdown.
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.