/react-button-oa

Button Component for React

Primary LanguageJavaScript

react-button-oa

Button Component for React

NPM JavaScript Style Guide

react-button-oa

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 App

Props

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