How to create mui button with href new tab in react js?
December 08, 2022Hi Friends 👋,
Welcome To aGuideHub! ❤️
To create mui button with href new tab in React js, set <Button href="/new-page" target="_blank" variant="contained">
. It will create mui button with href new tab.
Today, I am going to show you, how to create mui button with href new tab in react js.
Installation
Install the following packages to use mui button with href new tab in react js.
npm
npm install @mui/material @emotion/react @emotion/styled
yarn
yarn add @mui/material @emotion/react @emotion/styled
MUI material create mui button with href new tab example.
The below code is an example of creating mui button with href new tab using mui button.
App.js
import * as React from 'react';
import { Button } from '@mui/material';
export default function App() {
return <Button href="/new-page" target="_blank"
variant="contained">MUI Link Button</Button>;
}
In the above code example, I have used the @mui/material
component and created mui button with href new tab of MUI.
Check the output of the above code example.
All the best 👍