r-custom-button
v1.0.5
Published
Customize buttons for better UI
Downloads
1
Readme
r-custom-button
Customize buttons for better UI
Install
npm install --save r-custom-button
Usage
Installation:-
// npm i r-custom-button //
import {Button} from 'r-custom-button' // Please don't suse your own name, use {Button}.
import 'r-custom-avatar/dist/index.css'
class Example extends Component {
render() {
return <Button onClick={} buttonStyle="" buttonSize="">Click Me</Button>
}
}
instruction
/Properties/
onClick,
buttonStyle,
buttonSize,
bgColor,
color
======================
// Write your function what you want on click of this button // Give buttonStyle listed below (Default "btn-primary-solid") (See the below list) // Give buttonSize listed below (Default "btn-small") (See the below list)
buttonStyle
"btn-primary-solid",
"btn-warning-solid",
"btn-danger-solid",
"btn-success-solid",
"btn-primary-outline",
"btn-warning-outline",
"btn-danger-outline",
"btn-success-outline",
buttonSize
"btn-small",
"btn-medium",
"btn-large"
bgColor
Click // pass any hex color code for custom background color
color
Click // pass any hex color code for custom font color