# UI: OtpField

> Ein Feld für den sechsstelligen Code einer Authenticator-App.

Source: https://pithyx.org/de/docs/reference/sdk/ui/otp-field/
Markdown: https://pithyx.org/de/docs/reference/sdk/ui/otp-field.md

Ein Feld für den sechsstelligen Code einer Authenticator-App. Importiere die Token-Datei einmal (`@pithyx/ui/tokens.css`) und umschließe die App mit `UiProvider`; siehe [@pithyx/ui](https://pithyx.org/de/docs/sdk/ui/).

Beim Build aus den TSDoc-Kommentaren von @pithyx/ui 1.0.0-rc.9 erzeugt; der Text unter den Überschriften ist der Kommentar im Quelltext und bleibt Englisch.

## Funktionen

### OtpField()

```ts
function OtpField(props): Element;
```

An input for the six-digit code from an authenticator app: numeric keyboard, `one-time-code` autofill and at most
seven characters (a space in the middle is allowed).

#### Parameter

| Parameter | Typ                                                                                                                               | Beschreibung                                                                                                              |
| --------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| `props`   | `Omit`\<[`TextFieldProps`](https://pithyx.org/de/docs/reference/sdk/ui/text-field/#textfieldprops), `"type"` \| `"inputMode"` \| `"autoComplete"`\> | The props of [TextField](https://pithyx.org/de/docs/reference/sdk/ui/text-field/#textfield) without `type`, `inputMode` and `autoComplete`. |

#### Rückgabewert

`Element`

The code field.