Slideout Link is component to be used within Slideout to create links.
| || ||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.|| || |
| || ||Active|| || |
| || ||Caret|| || |
| || ||Href|| || |
| || ||Icon|| || |
| || ||Size. Inherit, small, medium or large. Inherit value inherits styles from the value in the underlying slot.|| || |
| || ||Language of the link. Use this only for language selection links.|| || |
| || ||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 Slideout and want to fill its slot with a link.
When not to use #
- If you are not using Slideout.
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.