Link buttons

Material-UI Button components can also be used as links to other locations in your app. The most common example is using a button as a link to a route declared using react-router.

How to do it...

Let's say that your application has three pages, and you need three buttons that link to each of them. You'll probably need buttons to link to them from arbitrary places too, as the application grows. Here's the code to do it:

import React from 'react';
import { Switch, Route, Link } from 'react-router-dom';

import { withStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Button from '@material-ui/core/Button';
import Typography...