<div style="display:grid;gap:16px">
<.input_otp field={Field::named("verification[code]", "421907")} label="Verification code">
<:description>We sent a code to ada@example.com. <a class="ui-link" href="#">Resend code</a></:description>
</.input_otp>
<.input_otp field={Field { errors: vec!["is incorrect".to_owned()], ..Field::named("verification[backup_code]", "12345678") }} length={8} groups="4,4" />
</div>