Contact Form

block

Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel list and remote-location note alongside.

pnpm dlx shadcn@latest add "https://hirael.com/r/contact-01.json"

Sign In

Contact Form

block

Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel list and remote-location note alongside.

pnpm dlx shadcn@latest add "https://hirael.com/r/contact-01.json"

lucide-react

components/blocks/contact-01.tsx

lucide-react

components/blocks/contact-01.tsx