Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
90 lines (73 sloc) 2.37 KB

import Example from '../../components/example'; import API from '../../components/api'; import Layout from '../../components/layout';

import ProgressStepsDotted from 'examples/progress-steps/dotted'; import ProgressStepsNumbered from 'examples/progress-steps/numbered';

import Overrides from '../../components/overrides'; import {ProgressSteps, Step, NumberedStep} from 'baseui/progress-steps'; import * as ProgressStepsExports from 'baseui/progress-steps'; import {Block} from 'baseui/block';

export default Layout;

Progress steps

Progress lists in Base are used to denote staged progress of an action or activity. This list type provides the user with a sense of awareness around progress and the steps remaining.


<Example title="Progress Steps Numbered Usage" path="progress-steps/numbered.js"


<Overrides name="ProgressSteps" whitelisted={[ 'Root', 'Icon', 'InnerIcon', 'Tail', 'Content', 'Title', 'Description', ]} component={ProgressStepsExports} renderExample={props => ( <React.Fragment> Content Content </React.Fragment> )} />


<API heading="ProgressSteps API" api={require('!!@uber-web-ui/extract-react-types-loader!../../../src/progress-steps/progress-steps.js')} />

<API heading="NumberedStep API" api={require('!!@uber-web-ui/extract-react-types-loader!../../../src/progress-steps/numbered-step.js')} />

<API heading="Step API" api={require('!!@uber-web-ui/extract-react-types-loader!../../../src/progress-steps/step.js')} />

You can’t perform that action at this time.