UNPKG

@akshay641/react-step-progress-bar

Version:

A customizable React stepper progress component.

3 lines (2 loc) 944 B
function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react");var r=/*#__PURE__*/e(require("prop-types")),t=function(e){var r=e.currentStep,t=e.activeColor,i=void 0===t?"#0E66CE":t,a=e.inactiveColor,o=void 0===a?"gray":a,u=e.height,n=void 0===u?"4px":u,d=e.margin,s=void 0===d?"0 0.5rem":d,l=e.borderRadius,f=void 0===l?"9px":l,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,t){return h("div",{key:t,style:{height:n,flex:1,margin:s,borderRadius:f,backgroundColor:t<=r?i:o}})}))};t.propTypes={totalSteps:r.default.number.isRequired,currentStep:r.default.number.isRequired,activeColor:r.default.string,inactiveColor:r.default.string,height:r.default.string,margin:r.default.string,borderRadius:r.default.string,className:r.default.string},exports.Stepper=t,exports.default=t; //# sourceMappingURL=index.js.map