Contents

import React, {useState} from "react"
import { Button } from "../../"

const ButtonReaction = (props) => {

const [highlightActive, setHighlightActive] =useState(false)

return (
  <div>
    <Button
        count={5}
        icon="😍"
        tabIndex={0}
        variant="reaction"
        {...props}
    />
    <Button
        count={153}
        highlight = {highlightActive}
        icon="&#127881;"
        marginLeft='lg'
        onClick={()=> setHighlightActive(!highlightActive)}
        tabIndex={0}
        variant="reaction"
        {...props}
    />
    <Button
        marginLeft='lg'
        tabIndex={0}
        variant="reaction"
        {...props}
    />

    </div>
)
}

export default ButtonReaction

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-12.33.0.pre.alpha.PLAY905reactionbuttons979	app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979	app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx