Feedback 5 - Thumbs feedback on docs pagePro

A documentation article layout ending with a "Was this page helpful?" thumbs up/down control that expands into reason chips and a comment box. Use it at the bottom of docs, help center or knowledge base articles.

About Feedback 5

A documentation article layout ending with a "Was this page helpful?" thumbs up/down control that expands into reason chips and a comment box. Use it at the bottom of docs, help center or knowledge base articles.

Feedback 5 is a feedback block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 94 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
  • docs
  • thumbs
  • helpful
  • article
  • knowledge base

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-05

Dependencies installed automatically: lucide-react, motion.

Uses: button, textarea, utils.

Usage

import Feedback05 from "@/components/blocks/feedback-05"

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

FAQ