react-link-wave

a tag with wave animation

Usage no npm install needed!

<script type="module">
  import reactLinkWave from 'https://cdn.skypack.dev/react-link-wave';
</script>

README

GitHub stars npm Cocoapods

This is a React component for a tag to get a hover wave transition. DEMO

Start

download

npm i react-link-wave

use in react

import React from 'react'
import LinkWave from 'react-link-wave'

class App extends React.PureComponent {
    render() {
        return (
            <div>
                <LinkWave href="http://www.baidu.com" text="Please move over me, you'll see the wave" color="#000" />
            </div>
        )
    }
}

Params

params required default explain
color N #0000EE set the a tag and wave color, the value's format must like #xxxxxx or #xxx
href N "" just set a link
text Y "" set the show text
otherProps N - link style、ref, if you set the style, the priority is higher than the color prop