Semantic-ui: [Button] Add a link-button style

[nZeus]

Write know it's not possible to have a button that looks the same as an anchor.
Sometimes it's very good to use a \ element that looks as an anchor/link.
Why?
Because buttons and links have different behavior in browsers. Clicking middle mouse button on a link opens a new tab, while clicking middle button on a button doesn't do anything.
This class would be very helpful for buttons in the tables (like "delete"/"edit" a row).

That's what I want to see in the end:
<button class="ui link">Text</button>

[brettstack]

While we wait for this to be implemented:

// ButtonLink/index.jsx
import React from 'react'
import { Button } from 'semantic-ui-react'
import './style.css'

const ButtonLink = ({
  className = '',
  ...props
}) => <Button
  basic
  color='blue'
  className={['link', className].join(' ')}
  {...props}
/>

ButtonLink.propTypes = {
  className: React.PropTypes.string
}

export default ButtonLink

// ButtonLink/style.css
.ui.button.basic.link, .ui.button.basic.link:hover, .ui.button.basic.link:focus {
  box-shadow: 0 0 !important;
}

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[sag1v]

Actually i would love to see how semantic-ui would present a link to the ui.

[christiansk]

Are there any plans to implement this?

[hubertguillemain]

Seems to be duplicate of #6229, which points to a PR waiting to be merged #6260
I'd also be in favour of the "tertiary" property in the master

[christiansk]

Great, thanks!

[jumpinjan]

Could the PR above please be merged into master and released? I could really use this button style

[sookwei93]

I need the Link button style too. Could anyone merged the PR asap please?

[lubber-de]

This is available as tertiary buttons in https://fomantic-ui.com/elements/button.html#tertiary

[mcbergsma]

@brettstack's solution worked well for me, only change I made was to add padding: unset; to the css so it fits into a line of text.