統一發票輸入
統一發票號碼輸入，自動格式化 XX-XXXXXXXX，即時格式驗證。
Taiwan uniform invoice number input with auto-formatting (XX-XXXXXXXX) and real-time format validation.
CLI
npx taiwan-ui add uniform-invoice-inputnpm package
npm install @taiwan-ui/react| Prop | Type | Default |
|---|---|---|
value* | string | — |
onChange* | (value: string, result: InvoiceResult) => void | — |
placeholder | string | "AB-12345678" |
disabled | boolean | false |
showPrizeCheck | boolean | false |
目前輸入值
佔位文字
停用輸入
顯示對獎功能
import UniformInvoiceInput from "@/components/taiwan/UniformInvoiceInput";
export default function Example() {
return (
<UniformInvoiceInput
placeholder="AB-12345678"
/>
);
}
import { useState } from "react";
import UniformInvoiceInput from "@/components/taiwan/UniformInvoiceInput";
export default function MyForm() {
const [invoice, setInvoice] = useState("");
return <UniformInvoiceInput value={invoice} onChange={(val) => setInvoice(val)} />;
}