@hixme-ui/step

hixme-ui Step component

Usage no npm install needed!

<script type="module">
  import hixmeUiStep from 'https://cdn.skypack.dev/@hixme-ui/step';
</script>

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'