Progress
Create a progress bar to provide visual feedback to a user on how long an action is taking. Progress bars are automatically animated.
<ProgressBar label='Progress' progress='75%' />
prop | description | value |
label | label text | string |
progress | percentage value | 0% - 100% |
Steps can be used to indicate the current point in a multiple-stage process, such as filling in a long form.
<ProgressSteps items={[
{ name: 'Basket', url: '/basket', completed: true },
{ name: 'Checkout', url: '/checkout', completed: true },
{ name: 'Payment', url: '/payment', completed: false },
]}/>
prop | description | value |
items | list of step objects containing name, url and completed | object array |
Last modified 3yr ago