Feedback 4 - Bug report form with severity selectPro

A structured bug report form with title, severity select, environment chips, steps to reproduce, expected vs actual fields and an attachment hint, beside a short reporting checklist. Use it on a support or beta page to collect actionable bug reports.

About Feedback 4

A structured bug report form with title, severity select, environment chips, steps to reproduce, expected vs actual fields and an attachment hint, beside a short reporting checklist. Use it on a support or beta page to collect actionable bug reports.

Feedback 4 is a feedback block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 112 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • feedback
  • bug report
  • form
  • severity
  • select
  • support

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add feedback-04

Dependencies installed automatically: lucide-react.

Uses: button, input, label, reveal, select, textarea, utils.

Usage

import Feedback04 from "@/components/blocks/feedback-04"

export default function Page() {
  return <Feedback04 />
}

FAQ