Inbox 3 - Support ticket queuePro

A support ticket inbox with status tabs and counts, priority indicators, customer details and a per-ticket assignee picker. Use it for helpdesk dashboards, customer success tools or internal request queues.

About Inbox 3

A support ticket inbox with status tabs and counts, priority indicators, customer details and a per-ticket assignee picker. Use it for helpdesk dashboards, customer success tools or internal request queues.

Inbox 3 is a inbox block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 113 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.

  • inbox
  • support
  • tickets
  • helpdesk
  • assignee
  • status

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 inbox-03

Dependencies installed automatically: lucide-react.

Uses: avatar, badge, reveal, select, utils.

Usage

import Inbox03 from "@/components/blocks/inbox-03"

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

FAQ