Blocks
Feedback Form Block
An NPS and product feedback form combining Rating, Textarea, Input, Checkbox, and Button.
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/feedback-form.jsonProps
PropTypeDefaultDescription
emailLabelstring—
Email field label.
emailPlaceholderstring—
Email input placeholder.
messageLabelstring—
Textarea label.
messagePlaceholderstring—
Textarea placeholder.
onSubmit(data: FeedbackData) => void | Promise<void>—
Callback fired when the form submits.
ratingLabelstring—
Label shown above the rating input.
ratingLabelsstring[]—
Labels matched to rating values.
submitLabelstring—
Submit button text.
subscribeLabelstring—
Checkbox label.
successBodystring—
Body copy shown after submit.
successTitlestring—
Title shown after submit.
titlestring—
Block heading text.
Accessibility
This block is composed from accessible byDefaultHuman components. Preserve visible labels, button text, and supporting copy when adapting it so the layout remains understandable without the visual styling.
Examples
import { FeedbackFormBlock } from "@/components/block/FeedbackFormBlock";
<FeedbackFormBlock />;