1.0.0 • Published 3 years ago
anime-naruto-run v1.0.0
Naruto Run
An animation library that makes a tiny Naruto run across the bottom of your screen every time a new page loads.
Usage
Import the package and invoke the function to see Naruto run across the bottom of your screen.
import naruto from 'anime-naruto-run'
naruto()Options
naruto accepts an optional object as its only parameter that allows
you to override the default settings. Options include:
| Key | Type | Default | Description |
|---|---|---|---|
| duration | int | 500 | duration of the animation (milliseconds) |
| size | int | 50 | size of the Naruto image (pixels) |
// make Naruto even faster!
naruto({duration: 200})react-router-dom integration
To see Naruto on every page change, subscribe to location changes:
import naruto from 'anime-naruto-run'
import React from 'react'
import { useLocation } from 'react-router-dom'
export function YourComponent() {
let location = useLocation()
useEffect(naruto, [location])
}1.0.0
3 years ago