<baht-otp>
One-time-code boxes: auto-advance, backspace back, paste distributes.
Six digits
Events (name)
<baht-otp length="6"></baht-otp>Four chars, text mode
Events (name)
<baht-otp length="4" mode="text"></baht-otp>| Name | Type | Default | Description |
|---|---|---|---|
length | number | 6 | Box count |
value | string | '' | Current code |
disabled | boolean | false | Disable |
mode | 'numeric' | 'text' | 'numeric' | Allowed characters (numeric | text) |
label | string | 'One-time code' | Accessible name for the group of boxes. |
Events
Section titled “Events”| Event | detail | Description |
|---|---|---|
name | CustomEvent | |
baht-change | { value } | Any edit |
baht-otp-complete | { value } | All boxes filled |