ldrs
Version:
Minimalist loading animations for React and web components
3 lines (2 loc) • 956 B
JavaScript
import{jsx as e,jsxs as i}from"react/jsx-runtime";var r="container_6380e1",a="inner_7a2380",s="svg_f5193c",l="dot_2161a2",c="traveler_3ac41a";const t=({size:t=30,color:o="black",speed:n=1.75})=>{const d=parseInt(t+"");return e("div",{className:r,style:{"--uib-size":t+"px","--uib-color":o,"--uib-speed":n+"s"},children:e("div",{className:a,children:i("svg",{className:s,x:"0px",y:"0px",viewBox:`0 0 ${t} ${t}`,height:t,width:t,preserveAspectRatio:"xMidYMid meet",children:[e("circle",{className:l}),e("circle",{className:l}),e("circle",{className:l}),e("circle",{className:c}),e("defs",{children:i("filter",{id:"uib-jelly-triangle-filter",children:[e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:d/9,result:"blur"}),e("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7",result:"ooze"}),e("feBlend",{in:"SourceGraphic",in2:"ooze"})]})})]})})})};export{t as default};
//# sourceMappingURL=JellyTriangle.js.map