UNPKG

@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
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