Submenu Bar Dropdown
Submenu Bar Dropdown is component to be used within Submenu Bar to create dropdowns.
| || ||Active|| || |
| || ||Icon|| || |
| || ||Open|| || |
| || ||Theme.|| || |
setFocus(options?: FocusOptions) => Promise<void> #
Sets focus. Use this method instead of the global focus().
This section includes guidelines for designers and developers about the usage of this component in different contexts.
When to use #
- When you are using Submenu Bar and want to fill its slot with a dropdown.
When not to use #
- If you are not using Submenu 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.