/react-profghost-components

a react component library

Primary LanguageJavaScriptMIT LicenseMIT

React Hook Form Logo - React hook custom hook for form validation

Fluid , Animated , Good Looking Components to use with react

Twitter Follow

Features

  • high quality fluid animations
  • customizable

Install

$ npm install react-profghost-components

Example

Button

import React from 'react';
import  {Button} from 'react-profghost-components';

const App = () => {

const colors = {
        boxShadow: '#101010',
        background: '#ffaaaa',
        color: '#ffffff',
        
        //below values will generate automatically based on background color if not provided
        hoverBackground: '#ffffff',
        clickedBackground: '#ffffff'
    };

const events = {
    onMouseDown: () => console.log('mouse pressed') 
}

const styles = {
    padding: '10px 20px'
}

  return (
        <Button> Click Me! </Button>

        <Button onClick={() => console.log('clicked')}> Click Me! </Button>

        <Button colors={colors}> Click Me! </Button>

        <Button events={events}> Click Me! </Button>

        <Button styles={styles}> Click Me! </Button>

        <Button classname='my-awesome-button'> Click Me! </Button>
  );
}