Components
Loading preview...
An international phone input component with country selection, smart validation, country-specific placeholders, and visual feedback for global phone numbers.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/phone-inputimport * as React from 'react';
import { PhoneInput } from "@/components/ui/phone-input";
export default function DemoOne() {
const [phone, setPhone] = React.useState("");
return (
<div>
<PhoneInput
value={phone}
onChange={(value, formatted) => setPhone(formatted)}
showFlag={false}
/>
</div>
);
}