Contact 21 - Press and mediaPro

A press section with a media-contact card, downloadable press kit assets with file sizes, and a list of recent coverage.

About Contact 21

A press section with a media-contact card, downloadable press kit assets with file sizes, and a list of recent coverage.

Contact 21 is a contact block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 118 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.

  • press
  • media
  • press kit
  • newsroom

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 contact-21

Dependencies installed automatically: lucide-react.

Uses: avatar, button, reveal, utils.

Usage

import Contact21 from "@/components/blocks/contact-21"

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

FAQ