react-link-wave

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