reat-component-libs v2.1.96

What is This?

A React Components Library

Installation

npm i reat-component-libs

How to Use

import { Button } from 'reat-component-libs';


function App(){
    return (
        //secondary with black bg
        //you can pass the onClick also if you want to use one
        <Button label='Submit' secondary animate />
    )
}

Function & Props

secondary => black contained background no border within the button

outlined => black border within the button no background

primary => sky blue background with no border within

animate => animate props is a custom transition animation when the button is hoverd on

fit => makes the button to fit in the containers width, if the components container is 400px the button will take 90% of the width

fullWidth => takes 100% width of the components container

disabled => disable the button during form submission,loading state this makes the button unclickable