Sha256: 08337d6ae687d179c8cd4c15aef91b375d71dfef88cd20a845740e5dc92fb364
Contents?: true
Size: 930 Bytes
Versions: 447
Compression:
Stored size: 930 Bytes
Contents
import React, {useState} from "react"
import { Button } from "../../"
const ButtonReaction = (props) => {
const [highlightActive, setHighlightActive] =useState(false)
const reactionCount = 153
return (
<div>
<Button
count={highlightActive ? (reactionCount + 1) : reactionCount}
highlight = {highlightActive}
icon="🎉"
onClick={()=> setHighlightActive(!highlightActive)}
tabIndex={0}
variant="reaction"
{...props}
/>
<Button
count={5}
icon="1️⃣"
marginLeft='lg'
tabIndex={0}
variant="reaction"
{...props}
/>
<Button
marginLeft='lg'
tabIndex={0}
variant="reaction"
{...props}
/>
<Button
icon="user"
marginLeft='lg'
tabIndex={0}
variant="reaction"
{...props}
/>
</div>
)
}
export default ButtonReaction
Version data entries
447 entries across 447 versions & 2 rubygems