[Link] Use the component as a button

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Should <Link/> have cursor pointer by default when onClick handler is defined? Sometimes I like to use MuiLink as action toggle, <Link onClick={dosomething}>Edit</Link>

[oliviertassinari]

Tip, the Link component is responsible for the UI display, the <a> component is responsible for the behavior. You can mix the two (button for the UI and link of the behavior or Link for the UI and button for the behavior).

[oliviertassinari]

We have a demo about using a Link as a button, see: https://material-ui.com/components/links/#accessibility.

<Link
  component="button"
  variant="body2"
  onClick={() => {
    console.info("I'm a button.");
  }}
>
  Button Link
</Link>

and about using a Button as a link:

https://next.material-ui.com/guides/routing/#navigation-components

<Button href="/" variant="contained">
  Link
</Button>