Element: #033 States (inputs/pin-input)
What it shows: Four PinInput states: with description, with error, disabled with a partial value, and a text-type five-character key.
When to use: Documenting helper text, error feedback and non-numeric code variants of one-time code inputs.
Spec:
- `description="Check your email."` with `bind:value={hinted}` starting at `$state('123')`
- `error="Invalid or expired code."` with `value="123456"`
- `disabled` with `value="12"`
- ``
Tags: pin-input, otp, error, disabled, description, length, forms
Needs: @codeatlasdev/ui@4.4.0
Components: PinInput
Live demo: https://ui.codeatlas.com.br/docs/inputs/pin-input#states