@akshay641/react-step-progress-bar
Version:
A customizable React stepper progress component.
3 lines (2 loc) • 1.17 kB
JavaScript
!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