react-mui-stepper

This is a reusable React stepper component based on the excellent Material UI library. This project exists because I wanted to use a stepper component for a blog post and wanted to keep it simple and didn't want to pull in the material UI library itself.

Usage no npm install needed!

<script type="module">
  import reactMuiStepper from 'https://cdn.skypack.dev/react-mui-stepper';
</script>

README

Reusable React Stepper Component

Screenshot of stepper component

Installation

Using npm:

npm install react-mui-stepper

Using yarn

yarn add react-mui-stepper

Usage

import React from 'react'
import { Stepper, Step } from 'react-mui-stepper'

export default () => (
    <Stepper withNumbers activeStep={1}>
        <Step>Activate powerloop</Step>
        <Step>Traverse perilous wastes</Step>
        <Step>Jump the shark</Step>
    </Stepper>
)