Contact 43 - Accessibility-first contactPro

Plain-language contact form with large touch targets, visible labels and hints, an error summary, and alternative channels including text relay, SMS and sign-language video.

About Contact 43

Plain-language contact form with large touch targets, visible labels and hints, an error summary, and alternative channels including text relay, SMS and sign-language video.

Contact 43 is a pro contact block for React, built on shadcn/ui and Tailwind CSS. It ships as 122 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.

  • accessibility
  • plain language
  • relay
  • large targets
  • form

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/contact-43

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Contact43 from "@/components/blocks/contact-43"

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

FAQ