Skip to content

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

PropTypeDescription
items{ id: string; title: string; description?: string; status?: string; votes: number; voted?: boolean }[]List of feature items with vote counts and user voted state.
headingstringOptional section title displayed above the voting list.
captionstringOptional subtitle or explanatory text below the heading.
activeStatusstringStatus text to highlight in text-foreground instead of text-muted-foreground.
onVote(id: string, voted: boolean) => voidCallback invoked when a vote is added or removed.
classNamestringOptional CSS classes merged with the root container.

MIT License. Free to use in personal and commercial projects. Built for Peel UI.