Back to components
ComponentBoardFree
Feature Voting Board React component
A searchable feature request board with reversible votes, ranked ideas, proposal creation and delivery status tracking.
About the Feature Voting Board component
A searchable feature request board with reversible votes, ranked ideas, proposal creation and delivery status tracking.
When to use it
Collect requests and discover the ideas people support.
Share planning status alongside proposals.
Installation
Add the Feature Voting Board component to your project with the shadcn CLI. It lands in components/feature-voting-board.tsx as plain React + Tailwind CSS source you own and can edit.
Install
Copied!
npx shadcn@latest add @reactframe/feature-voting-boardOr copy the source by hand and install its dependencies:
Install
Copied!
npm install lucide-react clsx tailwind-mergeProps
<FeatureVotingBoard /> accepts 5 props, all optional.
| Prop | Type | Default |
|---|---|---|
| title | string | "Help shape what comes next." |
| theme | "dark" | "light" | "dark" |
| initialFeatures | FeatureRequest[] | initial |
| onFeaturesChange | (features: FeatureRequest[]) => void | — |
| className | string | — |
- titlestringDefault: "Help shape what comes next."
- theme"dark" | "light"Default: "dark"
- initialFeaturesFeatureRequest[]Default: initial
- onFeaturesChange(features: FeatureRequest[]) => void
- classNamestring
npm dependencies
Installed for you by the shadcn CLI.
Feature Voting Board FAQ
- Are votes permanent or authenticated?
- Each vote can be toggled once per feature in the local session. There is no built-in authentication, backend or cross-device vote deduplication. Use onFeaturesChange and your own storage for a production voting system.
