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

importReact,{useState}from'react'importCursorLoaderfrom'@react-sandbox/cursor-loader'functionApp(){const[load,setLoad]=useState(0)return(<div><CursorLoaderload={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