手機條碼載具
手機條碼載具輸入，自動帶入斜線前綴，即時格式驗證。
Taiwan mobile barcode carrier input (/XXXXXXX format) for e-invoice carrier identification.
CLI
npx taiwan-ui add phone-barcode-inputnpm package
npm install @taiwan-ui/react| Prop | Type | Default |
|---|---|---|
value* | string | — |
onChange* | (value: string, result: BarcodeResult) => void | — |
placeholder | string | "/ABC+123" |
disabled | boolean | false |
目前輸入值
佔位文字
停用輸入
import PhoneBarcodeInput from "@/components/taiwan/PhoneBarcodeInput";
export default function Example() {
return (
<PhoneBarcodeInput
placeholder="/ABC+123"
/>
);
}
import { useState } from "react";
import PhoneBarcodeInput from "@/components/taiwan/PhoneBarcodeInput";
export default function MyForm() {
const [barcode, setBarcode] = useState("/");
return <PhoneBarcodeInput value={barcode} onChange={(val) => setBarcode(val)} />;
}