Roadmap Vote
Feature request voting list for a public roadmap. Tap a vote count and the row climbs when it passes the one above.
Dependencies
gsap@gsap/reactclsxtailwind-merge
Interaction
Coordinated GSAP Flip row translation, 42px clipped rolling numeric counters, and responsive bar width scaling with prefers-reduced-motion support.
Props
| Prop | Type | Description |
|---|---|---|
| items | { id: string; title: string; description?: string; status?: string; votes: number; voted?: boolean }[] | List of feature items with vote counts and user voted state. |
| heading | string | Optional section title displayed above the voting list. |
| caption | string | Optional subtitle or explanatory text below the heading. |
| activeStatus | string | Status text to highlight in text-foreground instead of text-muted-foreground. |
| onVote | (id: string, voted: boolean) => void | Callback invoked when a vote is added or removed. |
| className | string | Optional CSS classes merged with the root container. |
MIT License. Free to use in personal and commercial projects. Built for Peel UI.