@hixme-ui/step

hixme-ui Step component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@hixme-ui/step
Minified + gzip package size for @hixme-ui/step in KB

Readme

Step

npm i --save @hixme-ui/step

View it live

Step is a simple component used to illustrate a flow or process with steps.

Usage

import Step from '@hixme-ui/step'

<Step>1</Step>
<Step completed>1</Step> // shows a check mark rather than the children supplied

Props

Name Type Default
borderWidth string '3px'
children node null
completed bool false
display string 'inline-block'
openCircle bool false
size number 48
uncompletedColor string '#677786'

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.