A one-time code: digits only, autofilled from SMS, posted as one field.

Usage

Example.svelte 
<script lang="ts">
	import { toast } from "svelte-sonner";

	import OtpField from "@orochibraru/ui/blocks/otp-field";
	import * as Field from "@orochibraru/ui/field";
</script>

<Field.Field>
	<Field.Label for="otp-code">Code from your authenticator app</Field.Label>
	<OtpField id="otp-code" oncomplete={(code) => toast(`Verifying ${code}.`)} />
</Field.Field>