react-data-attributes-button v1.0.1

react-data-attributes-button

react button component with data attributes

Install

npm install --save react-data-attributes-button

Usage

import React, { useState } from 'react'
import DataAttrButton from 'react-data-attributes-button'

const App = () => {
  const [isActive, setIsActive] = useState(false)
  const handleClick = e => {
    const active = JSON.parse(e.target.dataset.active)

    setIsActive(!active)
  }

  return (
    <div>
      <DataAttrButton data={{ 'data-active': isActive }} handler={handleClick}>
        {isActive ? 'ACTIVE' : 'INACTIVE'}
      </DataAttrButton>
    </div>
  )
}

export default App

License

MIT © izwshnich