[Feature Request]: ButtonLink

Open
#13,376 5 comments 1 reaction 1 assignee View on GitHub

@unazko is already working on this.

Since Apr 17, 2026.

Assessment

This issue has not been assessed yet.

Description

feature request TOPIC B
Feature Request Description

A component that looks like a ui5-button but behaves like an <a> tag

Proposed Solution

A href property for the ui5-button that, if used, automatically changes the underlying element from a <button> to an <a> but otherwise keeps the styles.

In a future improvement the same could be done for other buttons or button-like components (e.g. ui5-toolbar-button and ui5-menu-item)

Proposed Alternatives

A separate ui5-button-link component that offers the same functionality of the ui5-button but is an <a> tag underneath

Organization

aconso

Additional Context

It is currently possible to set the accessibleRole attribute of the ui5-button but that does not give the button the typical features that users might expect from a link (like display link on hover, middle click to open in new tab, right click functionality, etc.).

Even from an accessibility viewpoint the current solution is incomplete, because a screen readers would not have access to the target url.

It's generally recommended to avoid the link role and use <a> instead: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/link_role

Priority

None

Privacy Policy
  • I’m not disclosing any internal or sensitive information.
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from UI5/webcomponents

All issues in UI5/webcomponents

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.