Default

Basic phone input without a label.

+1

Mobile Number

Labeled phone input for mobile number collection.

+1

Work Phone

Office or business phone number with extension support.

+1

Emergency Contact

Emergency contact number for HR or medical forms.

+1

In Form Context

Phone input used alongside other form fields.

+1

Multiple Numbers

Collect primary and secondary phone numbers.

+1
+1

Usage

<PhoneInput placeholder="Enter phone number" /><PhoneInput label="Mobile Number" placeholder="(555) 123-4567" />

Props

PropTypeDefaultDescription
placeholdertext"Phone number"Placeholder text for the phone input
labeltext""Label text above the phone input