rmc-steps

steps ui component for react mobile

Usage no npm install needed!

<script type="module">
  import rmcSteps from 'https://cdn.skypack.dev/rmc-steps';
</script>

README

rmc-steps


React steps component.

NPM version build status Test coverage npm download

Usage

npm install rmc-steps
<Steps current={1}>
  <Steps.Step title="first" />
  <Steps.Step title="second" />
  <Steps.Step title="third" />
</Steps>

Example

http://localhost:8002/examples

online example: http://react-component.github.io/m-steps/examples/

API

name type default description
direction string horizontal direction of Steps, enum: `horizontal` or `vertical`
current number 0 index of current step
size string size of Steps, could be `small`
labelPlacement string placement of step title, could be `vertical`
status string wait status of current Steps, could be `error` `process` `finish` `wait`

Steps.Step

name type default description
title ReactNode title of step item
description ReactNode description of step item
icon ReactNode or string set icon of step item
status string status of current Steps, could be `error` `process` `finish` `wait`

Development

npm install
npm start

License

rmc-steps is released under the MIT license.