@mankindui/core
Version:
- a react component library - you can see how @mankindui/core can be used via examples: [usage examples](https://github.com/clarklindev/mankindui-test)
28 lines (27 loc) • 848 B
JavaScript
import { j as t } from "../../_virtual/jsx-runtime.js";
const x = ({ progress: n, size: o = 35, strokeWidth: e = 3, color: a = "currentColor" }) => {
const c = (o - e) / 2, s = 2 * Math.PI * c, f = s - n / 100 * s, r = o;
return (
//the stroke sits halfway between the edge (inside and outside) by default
/* @__PURE__ */ t.jsx("svg", { width: o, height: o, viewBox: `0 0 ${r + e / 2} ${r + e / 2}`, children: /* @__PURE__ */ t.jsx(
"circle",
{
className: "circle",
fill: "none",
stroke: a,
strokeWidth: e,
strokeDasharray: s,
strokeDashoffset: f,
strokeLinecap: "round",
r: c,
cx: r / 2,
cy: r / 2,
transform: `rotate(-90 ${r / 2} ${r / 2})`
}
) })
);
};
export {
x as ProgressLoader
};
//# sourceMappingURL=index.js.map