prince-jogani
v0.1.20
Published
React UI Components
Downloads
7
Maintainers
Readme
prince-jogani NPM package
Install
Install using npm install prince-jogani
Usage
In a React app, use the Button components:import { Button } from 'prince-jogani'
Use like this
<Button
// onClick={() => onClick()}
// onProgress={() => console.log("asd")}
// disabled
// id="testingID"
// className="btn-success"
// textTransform="uppercase"
// advanceCSS="onhoverzoom"
// cursor="pointer"
// prefix="$"
// suffix="#"
// vibrate={true}
// border="1px solid #808080"
// color="#fff"
// background="#000"
// fontSize="18px"
// padding="10px 18px"
>
Hey, I am Prince
</Button>
Button props
| Name | type | Required | Default | Description | | ------------- | ------------ | -------- | --------- | -------------------------------------- | | onClick | Function | false | Empty | it's click event function | | onProgress | Function | false | Empty | progerss event function | | disabled | Boolean | false | false | disable button | | id | String | false | "unique" | id use for DOM need to be unique | | className | String | false | Empty | just a className | | textTransform | String | false | "unset" | css textTransform property to be use | | advanceCSS | String | false | Empty | onhoverzoom, onhoverup, onhovervibrate | | cursor | String | false | "pointer" | css cursor property to be use | | prefix | String, HTML | false | Empty | it's button prefix value | | suffix | String, HTML | false | Empty | it's button suffix value | | vibrate | Boolean | false | false | vibrate usage wrong property will put | | border | String | false | "none" | css border property to be use | | color | String | false | "white" | css color property to be use | | background | String | false | "black" | css background property to be use | | fontSize | String | false | "18px" | css fontSize property to be use |