Sha256: ee3013bc02ba4406e9cdf8a862f385bc60136dc187c653838a40f03985f28428
Contents?: true
Size: 935 Bytes
Versions: 700
Compression:
Stored size: 935 Bytes
Contents
import React, {useState} from "react"
import { Button } from "playbook-ui"
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
700 entries across 700 versions & 2 rubygems