Input OTP
Field for entering verification codes (OTP) divided into individual slots. Supports various sizes, colors, disabled states, and separators. Fully accessible and designed with Gatzi system tokens.
Basic Usage
6-digit OTP input with default (md) style and primary color.
•
•
•
–
•
•
•
Entered value:
Sizes & Colors
Shows size and color variants from the Gatzi system for the OTP input.
Small size – primary color
•
•
•
•
Medium size – success color
•
•
•
•
Large size – error color
•
•
•
•
Disabled State
Disabled (read-only) variant with a subtle look.
•
•
•
–
•
•
•
Custom Layout & Separators
You can combine groups and separators to fit different code formats.
•
•
–
•
•
–
•
•
•
•