@react-sandbox/cursor-loader
🖱️ Cursor loader component.
Usage
Install
Install the @react-sandbox/cursor-loader
package:
npm install @react-sandbox/cursor-loader
Import
Import the CursorLoader
component:
import React, { useState } from 'react'
import CursorLoader from '@react-sandbox/cursor-loader'
function App() {
const [load, setLoad] = useState(0)
return (
<div>
<CursorLoader load={load} />
</div>
)
}
Props
Prop | Type | Default | Description |
---|---|---|---|
load |
number |
required | Load/progress (between 0 and 100) |
color |
string |
'#01D45B' |
Color of loader |
size |
'sm' | 'md' | 'lg' |
'sm' |
Size of loader |
trailDelay |
0 | 100 | 200 | 300 | 500 |
300 |
Cursor trail delay |
onComplete |
function |
- |
Callback function on completion |
className |
string |
- |
CSS classes |
style |
React.CSSProperties |
- |
CSS styles |
Development
Local
pnpm install
pnpm dev
Tests
pnpm test
Example
Inside test/
:
pnpm install
pnpm dev
License
MIT