1.0.0 • Published 6 years ago
react-button-oa v1.0.0
react-button-oa
Button Component for React

Demo
https://ozanaydin9.github.io/react-button-oa/
Usage
import React from 'react'
import { OzanButtonComponent as Button} from 'react-button-oa'
const App = () => {
function handleClick() {
alert("Button clicked!")
}
return <Button onClick={handleClick} text="Button!"/>
}
export default AppProps
| Props | Type | Default |
|---|---|---|
| onClick | function | |
| text | string | "Button" |
| background | string | "#4F4F4F" |
| hoverColor | string | "#343434" |
| border | string | "none" |
| borderRadius | string | "10px" |
| boxShadow | string | "0px 4px 4px rgba(0, 0, 0, 0.25)" |
| minWidth | string | "100px" |
| minHeight | string | "35px" |
| width | string | "auto" |
| height | string | "auto" |
| margin | string | "0" |
| color | string | "white" |
| fontSize | string | "14px" |
| fontWeight | string | "normal" |
| letterSpacing | string | "2px" |
| outline | string | "none" |
| cursor | string | "pointer" |
| transform | string | "translateY(1px)" |
License
MIT © ozanaydin9
1.0.0
6 years ago