Add download property to OnyxLink/OnyxButton

[123niel]

Hey, the native anchor element has a download-Property to indicate that the browser should download the content instead of display it: https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/download.

It would be great to have this property in the Onyx components Link and Button.

[larsrickert]

Hey @123niel, in general all additional attributes are forwarded so you can add any valid additional HTML attributes. So to implement a download button, you can just use:

<OnyxButton
  label="Download"
  :link="{ href: '/my-file.png', target: '_blank' }"
  download="downloaded-file-name"
/>

The target:'_blank' here is important so the link is not opened with the Vue Router which will not work.

[123niel]

Thanks for the quick response, I will close the topic