Links are used in content paragraphs to create pathways from one page to another. If you need a link with semi bold font-weight and/or icon, please use Button component instead.
| || ||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.|| || |
| || ||Forces URL to open in a new browser tab. Used together with URL prop.|| || |
| || ||Adds a unique identifier for the link. Please note that with this particular component this id is added inside Shadow DOM. If you need an id on the html element, use regular id attribute instead.|| || |
| || ||Theme of the button. Can be one of: "default", "turva".|| || |
| || ||A destination to link to, rendered in the href attribute of a link.|| || |
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
If you experience any issues while using a component, please head over to the Support page for more guidelines and help.