Phone Input

手机号输入：国家区号选择，按各国格式实时分组，输出 E.164 号码。

#phone #tel #format

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

PhoneInputProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

属性	类型	默认值	说明
defaultCountry	`string`	`"US"`	—
countries	`Country[]`	`COUNTRIES`	—
onValueChange	`(value: PhoneValue) => void`	—	—
invalid	`boolean`	`false`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/phone-input.json

同类组件

Currency Input

表单与控件

输入时自动加千分位、失焦补两位小数的金额输入框，可切换币种。

Multi Select

表单与控件

支持搜索、可删除标签、键盘操作和最大选择数的多选下拉框。

Date Range Picker

表单与控件

双月日历范围选择器，支持悬停预览、快捷预设和最小/最大日期。