Poll Message

Chat bubble with a question and voting options. Each row fills proportionally to its vote count.

Where are we grabbing lunch?
  • Packer's Coffee6
  • Sushi place3
  • Stay in, order pizza9
18 votes

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Chat4 } from "@/components/beste/piece/chat4";

<Chat4
  question="Where are we grabbing lunch?"
  options={[
    {
      "label": "Packer's Coffee",
      "votes": 6
    },
    {
      "label": "Sushi place",
      "votes": 3
    },
    {
      "label": "Stay in, order pizza",
      "votes": 9
    }
  ]}
  role="received"
  votesLabel="votes"
/>