Docs
Components
Feature Requests

Feature Request Components

FeatureDrop provides two primitives:

  • <FeatureRequestButton>: vote button tied to a feature/request
  • <FeatureRequestForm>: submit + browse + vote request list

Usage

roadmap-input.tsx
import { FeatureRequestButton, FeatureRequestForm } from 'featuredrop/react'
 
<FeatureRequestButton
  featureId="usage-insights"
  requestTitle="Advanced segmentation filters"
  onVote={({ voted, request }) => console.log(voted, request.id)}
/>
 
<FeatureRequestForm
  onSubmit={async (request) => {
    await fetch('/api/feature-requests', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(request)
    })
  }}
/>

Key props

ComponentPropNotes
FeatureRequestButtonfeatureIdRequired vote context
FeatureRequestButtonrequestId / requestTitleAttach to existing/new request
FeatureRequestFormonSubmit / onWebhookSync hooks
FeatureRequestFormcategories, defaultSortForm/list behavior

Requests are stored locally by default and can be mirrored to your backend through onSubmit/onWebhook.

Interactive Demo