InputOTP
Source: client/lib/theme/vueda-tailwind/controls/index.js
The container for character groups and separators. The
group/input-otpmarker lets visible slots read invalid and disabled state from the native input. Each active slot owns its focus ring. Disabled inputs use disabled text colors without fading the container or separator.
Vue component: InputOTP
| Slot | Default classes | Description |
|---|---|---|
| root | group/input-otp flex items-center gap-2 has-disabled:text-disabled-foreground | The container for character groups and separators. The group/input-otp marker lets visible slots read invalid and disabled state from the native input. Each active slot owns its focus ring. Disabled inputs use disabled text colors without fading the container or separator. |
root
The container for character groups and separators. The
group/input-otpmarker lets visible slots read invalid and disabled state from the native input. Each active slot owns its focus ring. Disabled inputs use disabled text colors without fading the container or separator.
Default classes:
group/input-otp flex items-center gap-2 has-disabled:text-disabled-foreground
Source: client/lib/theme/vueda-tailwind/controls/InputOTP.theme.js:17