@carbon/ibm-security/lib/components/StepIndicator/StepIndicator-story.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _addonKnobs = require("@storybook/addon-knobs");
var _react = require("@storybook/react");
var _react2 = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _ = require("../..");
/**
 * @file Step indicator stories.
 * @copyright IBM Security 2019 - 2021
 */

(0, _react.storiesOf)((0, _storybook.deprecated)('StepIndicator'), module).add('default', function () {
  return /*#__PURE__*/_react2.default.createElement(_.StepIndicator, {
    currentIndex: (0, _addonKnobs.number)('Current progress (currentIndex)', 1)
  }, /*#__PURE__*/_react2.default.createElement(_.Step, {
    label: "First step",
    description: "Step 1: Getting started with Carbon Design System"
  }), /*#__PURE__*/_react2.default.createElement(_.Step, {
    label: "Second step",
    description: "Step 2: Getting started with Carbon Design System"
  }), /*#__PURE__*/_react2.default.createElement(_.Step, {
    label: "Second step with tooltip",
    description: "Step 3: Getting started with Carbon Design System"
  }), /*#__PURE__*/_react2.default.createElement(_.Step, {
    label: "Fourth step",
    description: "Step 4: Getting started with Carbon Design System",
    invalid: true
  }), /*#__PURE__*/_react2.default.createElement(_.Step, {
    label: "Fifth step",
    description: "Step 5: Getting started with Carbon Design System",
    disabled: true
  }));
}, (0, _storybook.info)('`StepIndicator` and `Step` have been deprecated - please use the vertical `ProgressIndicator` and `ProgressStep` instead.', {
  story: 'progressindicator'
}));