gatsby-material-ui-components

Material-UI componentes for Gatsby

Usage no npm install needed!

<script type="module">
  import gatsbyMaterialUiComponents from 'https://cdn.skypack.dev/gatsby-material-ui-components';
</script>

README

gatsby-material-ui-components

Material-UI components for Gatsby

The components are part of the gatsby-theme-material-ui

Install

// with npm
npm install gatsby-material-ui-components @mui/material

// with yarn
yarn add gatsby-material-ui-components @mui/material

How to use

import React from "react";
import { Typography } from "@mui/material";
//import { Link } from "gatsby"
import { Link } from "gatsby-material-ui-components";

const Page = () => (
  <div>
    <Typography>
      Check out my <Link to="/blog">blog</Link>!
    </Typography>
  </div>
);

export default Page;

The following components have also been adapted for use with Gatsby:

import {
  BottomNavigationAction,
  Button,
  CardActionArea,
  Fab,
  IconButton,
  Link,
  ListItemButton
} from "gatsby-material-ui-components";

License

MIT