Design System

Create Contact

Add a new contact to the system.

STANDARD REFERENCE - Copy this pattern for any entity create form.

Optional - include country code

New contacts typically start as Lead

Pattern Features

  • ✓ TanStack Form integration
  • ✓ FormInput and FormSelect from @stackmates/ui-forms
  • ✓ Real-time validation with error messages
  • ✓ Required field indicators
  • ✓ Help text for guidance
  • ✓ Grid layout for related fields
  • ✓ Cancel navigation back to list
  • ✓ Submit button state management
  • ✓ Default values from EMPTY_CONTACT_FORM