{"_id":"@congritta-ui/loading-wheel","_rev":"1-d9fa839cc9e5f7ee96d944d2bd574f2c","name":"@congritta-ui/loading-wheel","description":"Loading wheel component for Congritta UI framework","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@congritta-ui/loading-wheel","version":"0.0.1","keywords":["ui","styles","css","framework","frontend","congritta","component","loading-wheel"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/loading-wheel@0.0.1","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/loading-wheel","bugs":{"url":"https://github.com/congritta/ui-loading-wheel/issues"},"dist":{"shasum":"447f07546162002090779b9d05f13edaadee909e","tarball":"https://registry.npmjs.org/@congritta-ui/loading-wheel/-/loading-wheel-0.0.1.tgz","fileCount":22,"integrity":"sha512-M3JKhMcTv909+jt62GaxzlcZYqU/axKelsJlrEjvyI2SOuNJFgMnKkGMJIwxrB/xAo34k+GUqf0dUD+dZvkUVw==","signatures":[{"sig":"MEYCIQCMwM55U1GrB5qHF5oQMyqVesac6wCQsY+KUkuLdTTlbQIhAK8Gp2mnBo7UwbDCCLlEaTY6SRUVuZQuGbwL1c7JIMVf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22492},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"8e7323dac31509af9e170165acf65aa36e0d9b6b","scripts":{"dev":"bash scripts/dev.sh","lint":"bash scripts/lint.sh","build":"bash scripts/build.sh","prepare":"yarn husky install"},"_npmUser":{"name":"congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-loading-wheel.git","type":"git"},"_npmVersion":"9.5.1","description":"Loading wheel component for Congritta UI framework","directories":{},"_nodeVersion":"18.16.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4"},"_hasShrinkwrap":false,"packageManager":"yarn@3.5.1","devDependencies":{"husky":"^8.0.3","eslint":"latest","esbuild":"^0.17.19","ts-node":"^10.9.1","typescript":"^5.0.4","@types/node":"^20.2.1","eslint-plugin-react":"latest","@typescript-eslint/parser":"latest","esbuild-css-modules-plugin":"^2.7.1","@typescript-eslint/eslint-plugin":"latest"},"_npmOperationalInternal":{"tmp":"tmp/loading-wheel_0.0.1_1686858267613_0.537658460132749","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2023-06-15T19:44:27.542Z","modified":"2024-07-02T21:33:34.512Z","0.0.1":"2023-06-15T19:44:27.771Z"},"maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-loading-wheel.git","type":"git"},"keywords":["ui","styles","css","framework","frontend","congritta","component","loading-wheel"],"homepage":"https://ui.congritta.com/docs/loading-wheel","bugs":{"url":"https://github.com/congritta/ui-loading-wheel/issues"},"readme":"# @congritta-ui/loading-wheel\r\n\r\nThis is loading wheel React component and part of [Congritta UI](https://ui.congritta.com)\r\n\r\n## How to install\r\n\r\n1. Install `@congritta-ui/base` if you didn't it yet. (More info at: http://ui.congritta.com/docs/base);\r\n2. Install `@congritta-ui/loading-wheel`;\r\n\r\nAdd\r\n\r\n```javascript\r\nimport LoadingWheel from '@congritta-ui/loading-wheel';\r\n```\r\n\r\ninto your code\r\n\r\n## How to use\r\n\r\nExample:\r\n\r\n```jsx\r\n<LoadingWheel size={50} width={5} spinsPerSecond={.7} />\r\n```\r\n\r\n### Props\r\n\r\n| Prop name               | Description                                                              | Is Required | Default value                 |\r\n|-------------------------|--------------------------------------------------------------------------|-------------|-------------------------------|\r\n| size                    | Size of the wheel (in pixels)                                            | true        |                               |\r\n| width                   | Width of the ring (in pixels)                                            | true        |                               |\r\n| spinsPerSecond          | How many spins per second                                                | true        |                               |\r\n| color                   | Color of the ring                                                        | false       | `var(--cui-accent-color-700)` |\r\n| animationTimingFunction | Timing function for speed. See CSS animation timing function docs        | false       | `linear`                      |\r\n| additionalClassName     | Classname for providing your styles                                      | false       |                               |\r\n| domProps                | HTML general attributes for div element (like `onClick`, `id` and so on) | false       |                               |\r\n","readmeFilename":"README.md"}