InputOTPGroup
Source: client/lib/theme/vueda-tailwind/controls/index.js
A contiguous run of InputOTPSlot.root cells (e.g. the three digits before and after a
-in a 3-3 split code). Pure flex row; the visual joining comes from the slots themselves overlapping their hairlines, so a group is just a layout marker that separates one run from the next when a code is split.
Vue component: InputOTPGroup
| Slot | Default classes | Description |
|---|---|---|
| root | flex items-center | A contiguous run of InputOTPSlot.root cells (e.g. the three digits before and after a - in a 3-3 split code). Pure flex row; the visual joining comes from the slots themselves overlapping their hairlines, so a group is just a layout marker that separates one run from the next when a code is split. |
root
A contiguous run of InputOTPSlot.root cells (e.g. the three digits before and after a
-in a 3-3 split code). Pure flex row; the visual joining comes from the slots themselves overlapping their hairlines, so a group is just a layout marker that separates one run from the next when a code is split.
Default classes:
flex items-center
Source: client/lib/theme/vueda-tailwind/controls/InputOTPGroup.theme.js:17