Link Button
A button component that functions as a hyperlink, combining the visual styling of a button with the navigation capabilities of an anchor element. Provides consistent interaction patterns and supports various states including disabled condition.
Semantic HTML a element
Distinct styling aligned with the primary button
Architecture
Reference
-
Link Button
The component that manages the link button's behavior and appearance. Combines the visual styling of a button with the navigation capabilities of an anchor element while maintaining proper accessibility support.
-
Attributes
- aria-labelstring/default: -
Accessible label for the link.
- disabledboolean/default: false
When
true
, prevents user interaction with the link button and applies a visual disabled state. - hrefstring/default: -
Specifies the URL or destination that the link points to. For more information, see the MDN documentation.
- idstring/default: -
Sets a unique identifier for the link element, which can be used for scripting or styling purposes.
- prerenderenum/default: moderate
Controls the prerendering behavior of the linked content.
none
disables prerendering,moderate
provides balanced prerendering andeager
prerenders as soon as possible. For more information see the toddle documentation. - relstring/default: noopener noreferrer
Specifies the relationship between the current document and the linked document. For security best practices and more information, see the MDN documentation.
- targetstring/default: _blank
Determines where the linked content will be displayed. For detailed information about target values and their behaviors, see the MDN documentation.
- titlestring/default: -
Provides additional information about the link that appears as a tooltip when hovering over the element.
-
-
Keyboard
- Enter
When pressed, activates the link and navigates to the specified destination.