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.


Keywords
react, stepper, material-ui
License
GPL-3.0
Install
npm install react-mui-stepper@0.1.7

Documentation

Reusable React Stepper Component

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.

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>
)