## Poll Card (S—113)

A poll that reveals results after you vote: bars grow to their share, your pick is ticked, the leader is bold.

- URL: https://sundaeui.dev/components/poll-card
- Category: UI components · Art direction: Refined
- Access: Free (no account needed)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/poll-card.json`
- Tags: vote, social, survey, poll, bars, results

Before voting, options are plain buttons. After you pick, each one becomes a result bar that grows to its percentage with the count rolling up, and your choice keeps a tick.
Change vote is a small link, and the footer shows total votes and time left.

### Usage

```tsx
import { PollCard } from '@/components/sundae/poll-card'

<PollCard />
```

### Props

- `question` (`string`, required): Poll question.
- `options` (`{ id: string; label: string; votes: number }[]`, required): Options with existing votes.
- `onVote` (`(id: string) => void`): Called on vote.
- `closesIn` (`string`): Footer text such as "2 days left".
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- Community posts, team check-ins, feedback in feeds.

### When not to use

- Formal surveys with several questions.

### Accessibility

- Before voting: a radiogroup. After: a list where each row reads “Option, 42 percent, your vote”.
- Results are announced once when they appear.
- Reduced motion removes the movement and keeps every state change.