Contact formPro

Character counter and an animated success check.

Props

name

message

submit

success

max280

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add contact-form

Usage

import { ContactForm } from "@/components/nex-ui/contact-form";

<ContactForm
  t={{ name: "Name", email: "Email", message: "Message", submit: "Send message", success: "Message sent. Expect a reply within a day.", again: "Send another" }}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro