Sha256: 9a3396e162ce327bac57879ec054cdf123589573b40c18cb341727921b10e96f
Contents?: true
Size: 927 Bytes
Versions: 117
Compression:
Stored size: 927 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="😍"
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
117 entries across 117 versions & 2 rubygems