Settings Integrations 8 - Notification channel pickerPro

A chat-integration settings panel mapping each event type to a team channel with a channel picker, per-event enable toggles, a connected workspace header and a send-test action. Use it for routing product notifications into a team chat tool.

About Settings Integrations 8

A chat-integration settings panel mapping each event type to a team channel with a channel picker, per-event enable toggles, a connected workspace header and a send-test action. Use it for routing product notifications into a team chat tool.

Settings Integrations 8 is a settings integrations block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 98 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.

  • settings
  • notifications
  • channels
  • chat
  • routing
  • integration

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 settings-integrations-08

Dependencies installed automatically: lucide-react.

Uses: button, reveal, switch, utils.

Usage

import SettingsIntegrations08 from "@/components/blocks/settings-integrations-08"

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

FAQ