Theming documentation for InputOtp component
List of class names used in the styled mode.
| className | description |
|---|---|
| p-inputotp | Class name of the root element |
| p-inputotp-input | Class name of the input element |
List of design tokens.
| token | CSS Variable | description |
|---|---|---|
| inputotp.gap | --p-inputotp-gap | Gap of root |
| inputotp.input.width | --p-inputotp-input-width | Width of input |
| inputotp.input.sm.width | --p-inputotp-input-sm-width | Width of input in small screens |
| inputotp.input.lg.width | --p-inputotp-input-lg-width | Width of input in large screens |
Theming is implemented with the pass through properties in unstyled mode.