UNPKG

@akshay641/react-step-progress-bar

Version:

A customizable React stepper progress component.

3 lines (2 loc) 1.17 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","prop-types"],t):t((e||self).reactStepProgressBar={},0,e.propTypes)}(this,function(e,t,r){function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/i(r),a=function(e){var t=e.currentStep,r=e.activeColor,i=void 0===r?"#0E66CE":r,o=e.inactiveColor,a=void 0===o?"gray":o,n=e.height,d=void 0===n?"4px":n,u=e.margin,s=void 0===u?"0 0.5rem":u,f=e.borderRadius,l=void 0===f?"9px":f,p=e.className,c=void 0===p?"":p,g=Array.from({length:e.totalSteps});return h("div",{className:"flex items-center justify-between mb-4 "+c},g.map(function(e,r){return h("div",{key:r,style:{height:d,flex:1,margin:s,borderRadius:l,backgroundColor:r<=t?i:a}})}))};a.propTypes={totalSteps:o.default.number.isRequired,currentStep:o.default.number.isRequired,activeColor:o.default.string,inactiveColor:o.default.string,height:o.default.string,margin:o.default.string,borderRadius:o.default.string,className:o.default.string},e.Stepper=a,e.default=a}); //# sourceMappingURL=index.umd.js.map