Poll Widget

Interactive polls and quizzes with animated results and countdown timers.

Poll

What content should I create next?

746 votes

Quiz

Which planet is known as the Red Planet?

Usage

import { PollWidget, QuizWidget } from "@/components/profile"

// Poll with voting
<PollWidget
  question="What's your favorite color?"
  options={[
    { id: "1", text: "Blue", votes: 45 },
    { id: "2", text: "Red", votes: 32 },
  ]}
  onVote={(id) => setVoted(id)}
  voted={voted}
  endsAt={new Date("2024-12-31")}
/>

// Quiz with correct answer
<QuizWidget
  question="Capital of France?"
  options={[
    { id: "1", text: "London" },
    { id: "2", text: "Paris", isCorrect: true },
  ]}
  onAnswer={(id) => setAnswer(id)}
  answered={answer}
/>

Props

Prop	Type	Description
question	string	Poll question
options	PollOption[]	Answer options
onVote	(id) => void	Vote callback
voted	string \| null	Selected option ID
endsAt	Date	Poll end time