@hbsis.uikit/react/src/components/steps/steps.story.js

Biblioteca ReactJS

import { storiesOf, action } from '@storybook/react'
import React from 'react'
import Steps from '.'
import Step from './step'

const stories = storiesOf('Steps', module)

stories.add('Steps - Default', () => (
  <div>
    <Steps selected={2}>
      <Step label="Step 1" completed={true}>
          <span>Conteúdo Step 1</span>
      </Step>
      <Step label="Step 2" completed={true}>
        <span>Conteúdo Step 2</span>
      </Step>
      <Step label="Step 3">
        <span>Conteúdo Step 3</span>
      </Step>
    </Steps>
  </div>
))

stories.add('Steps - Blocked', () => (
  <div>
    
    <Steps blockedSteps={true}
            selected={1}
            onChangeStep={() => {}} >
      <Step label="Step 1" completed={true}>
          <span>Conteúdo Step 1</span>
      </Step>
      <Step label="Step 2">
        <span>Conteúdo Step 2</span>
      </Step>
      <Step label="Step 3">
        <span>Conteúdo Step 3</span>
      </Step>
    </Steps>
  </div>
))