Add PhoneInput component for enhanced phone number input in contact form
This commit is contained in:
parent
96a85be96c
commit
c574af9096
1 changed files with 2 additions and 5 deletions
|
|
@ -19,6 +19,7 @@ import { useTranslation } from "~/providers/I18nProvider";
|
||||||
import { CheckCircle } from "lucide-react";
|
import { CheckCircle } from "lucide-react";
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { Checkbox } from "~/components/ui/checkbox";
|
import { Checkbox } from "~/components/ui/checkbox";
|
||||||
|
import { PhoneInput } from "~/components/phone-input";
|
||||||
|
|
||||||
const Contatto: NextPage = () => {
|
const Contatto: NextPage = () => {
|
||||||
const { locale, t } = useTranslation();
|
const { locale, t } = useTranslation();
|
||||||
|
|
@ -165,11 +166,7 @@ const Contatto: NextPage = () => {
|
||||||
<FormMessage />
|
<FormMessage />
|
||||||
</div>
|
</div>
|
||||||
<FormControl>
|
<FormControl>
|
||||||
<Input
|
<PhoneInput {...field} id="numero" />
|
||||||
placeholder="+39 1234567890"
|
|
||||||
{...field}
|
|
||||||
type="text"
|
|
||||||
/>
|
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue