CODEWITHSUNDEEP
reactjsmaterial-ui
Sneh
Sneh

Reputation: 453

Material UI icon for Link Button not working

Material UI icon does not appear on the button with variant=link which acts like a hyperlink.

import MailOutlineIcon from '@material-ui/icons/MailOutline';

signInButton: {
    textTransform: "none",
    width: "80%",
    backgroundColor: "#e8e8e8"
  },

<Button 
   variant="link"
   color="default"
   className={classes.signInButton}
   startIcon={<MailOutlineIcon />}
   href="/signin"
>
   Sign in with Email
</Button>

Upvotes: 3

Views: 20693

Answers (2)

Omkar Gaikwad
Omkar Gaikwad

Reputation: 69

import GitHubIcon from '@material-ui/icons/GitHub';
import Link from '@material-ui/core/Link';
<Link href="http://www.google.com" className={classes.link} target="_blank" >
    <GitHubIcon/>
</Link>

on clicking to the GitHubIcon you will redirect to the new tab because of target="_blank" this.. and target="_blank" is optional

Upvotes: 6

Oleg Levin
Oleg Levin

Reputation: 3621

change 

import MailOutlineIcon from '@material-ui/icons/MailOutline';

to

import MailOutlineIcon from '@material-ui/icons/MailOutlined';

demo:

https://codesandbox.io/s/material-demo-zj2jx

Upvotes: 0

Related Questions