@salesforce/design-system-react/module/components/progress-bar/__examples__/examples.js

Salesforce Lightning Design System for React

import React from 'react';
import ProgressBar from '../../../components/progress-bar';
export var PROGRESS_0 = function PROGRESS_0() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-1",
      value: 0
    })
  );
};
export var PROGRESS_25 = function PROGRESS_25() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-2",
      value: 25
    })
  );
};
export var PROGRESS_HALF = function PROGRESS_HALF() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-3",
      value: 50
    })
  );
};
export var PROGRESS_75 = function PROGRESS_75() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-4",
      value: 75
    })
  );
};
export var COMPLETE_100 = function COMPLETE_100() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-5",
      value: 100,
      color: "success"
    })
  );
};
export var COMPLETE_WITH_DESCRIPTION = function COMPLETE_WITH_DESCRIPTION() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      value: 100,
      color: "success",
      label: "Einstein Setup Assistant"
    })
  );
};
export var ROUNDED_BAR = function ROUNDED_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-circular",
      value: 20,
      radius: "circular"
    })
  );
};
export var X_SMALL_BAR = function X_SMALL_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-x-small",
      value: 20,
      thickness: "x-small"
    })
  );
};
export var SMALL_BAR = function SMALL_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-small",
      value: 20,
      thickness: "small"
    })
  );
};
export var MEDIUM_BAR = function MEDIUM_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-medium",
      value: 20,
      thickness: "medium"
    })
  );
};
export var LARGE_BAR = function LARGE_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-large",
      value: 20,
      thickness: "large"
    })
  );
};
export var VERTICAL_BAR = function VERTICAL_BAR() {
  return (
    /*#__PURE__*/
    React.createElement(ProgressBar, {
      id: "progress-bar-vertical",
      orientation: "vertical",
      value: 20,
      thickness: "large"
    })
  );
};
//# sourceMappingURL=examples.js.map