Feedback card
A feedback thread card with an upvote rail whose count rolls and bursts on vote, a status badge menu that crossfades between states, and a comment timeline that draws in and accepts new comments.
Interactive preview · desktop · dark
Installation
Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.
Usage
Import it, pass your props, and make it part of your product.
example.tsx
import { FeedbackCard } from '@/components/component-kit/items/block-feedback-card';
export function Example() { return <FeedbackCard />;}Props
| Prop | Type | Default | Description |
|---|---|---|---|
feedback | Feedback | built-in demo thread | Thread data: title, body, votes, status, type, author, createdAt (relative label) and comments[]. |
defaultVoted | boolean | false | Whether the current user has already upvoted when the card mounts. |
onVote | (voted: boolean, votes: number) => void | undefined | Called after the upvote toggles with the new state and count. |
onStatusChange | (status: FeedbackStatus) => void | undefined | Called when a status is picked from the badge menu. |
compact | boolean | false | Index-card variant: upvote rail, title, badges and one comment, with an idle vote loop. |
contentClassName | string | undefined | Class for the portalled status menu. |