0.1.9 • Published 3 years ago

float-button v0.1.9

Weekly downloads
5
License
MIT
Repository
github
Last release
3 years ago

To use the LIquid button in your project -

    • npm install float-button
    • Then Import float-button in your react project

    import FloatingButton from 'FloatingButton/src/FloatingButton' if generate error then copy the LiquidButton.js file from the node_moudle folder and paste inside your src folder and import as import FloatingButton from './FloatingButton'

    • use <FloatingButton class="your-class-name-here" name="FirstButton" background="black" firstcolor="#1e88e5" secondcolor="yellow" /> -------- put your desired colors -----

    You should have different class name each time you are using the component like -

    ReactDOM.render(<div> <FloatingButton class="floating-button" name="Floating Buton 1" background="black" firstcolor="#480048" secondcolor="#C04848" /> <FloatingButtonMain class="floating-button2" name="Floating Button 2" background="black" firstcolor="#12D8FA" secondcolor="#1FA2FF" /> </div>, document.getElementById('root'));

    see the above example it will show 2 buttons if you want to use more than your class name should be different each time.

    Now you can use more than one liquid-buttons on same page.

    Feel free to contribute on github - ( https://github.com/karan-singh-2607/float-like-button )

This project was bootstrapped with Create React App.

License: MIT