Gumtree UI
  • Docs
  • Chat
  • Reaction

Reaction

Small pill with an emoji and a count, used below chat messages.

Import

import { Reaction } from "@gumtree/ui/chat/Reaction";

Props

PropTypeDefaultDescription
emoji*string-Emoji character
count*number-Reaction count

Examples

Reactions

👍 1💡 2🎉 3
<Reaction emoji="👍" count={1} />
<Reaction emoji="💡" count={2} />
<Reaction emoji="🎉" count={3} />
  • Examples
  • Repository
    • Landing
    • Chat
  • Docs
  • UI Primitives
    • Avatar
    • Badge
    • Button
    • Card
    • Collapsible Section
    • Dropdown
    • Empty State
    • Icon
    • Language Bar
    • Loading
    • Search Input
    • Sidebar Card
    • Table
    • Tabs
    • Tip Box
  • Layout
    • Breadcrumbs
    • Footer
    • Navbar
    • Page Layout
    • Sidebar
    • Status Bar
  • Forge
    • Attention Card
    • Branch Badge
    • Branch Picker
    • Build Status Row
    • Clone Panel
    • Commit Row
    • Commit Strip
    • Contributor Grid
    • Diff View
    • Feed Badge
    • Feed Card
    • File Tree
    • IRC Channel Row
    • Issue Row
    • Readme Card
    • Release Row
    • Repo Card
    • Repo Header
    • Repo Tabs
    • User Card
  • Chat
    • Bot Event
    • Channel Ref
    • Channel Row
    • Channel Tree
    • Chat Header
    • Chat Input
    • Chat Message
    • Chat Pinned Bar
    • Date Separator
    • DM Row
    • Member List
    • Member Row
    • Reaction
    • Read Marker
    • Reply Quote
    • Tree Badge
    • Tree Footer
    • Tree Node
    • Tree Section
Gumtree Git Forge