BlatUI

Components

Input Otp

Accessible one-time password component with copy-paste functionality.

php artisan blatui:add input-otp 
<x-ui.input-otp :maxlength="6">
    <x-ui.input-otp-group>
        <x-ui.input-otp-slot :index="0" />
        <x-ui.input-otp-slot :index="1" />
        <x-ui.input-otp-slot :index="2" />
        <x-ui.input-otp-slot :index="3" />
        <x-ui.input-otp-slot :index="4" />
        <x-ui.input-otp-slot :index="5" />
    </x-ui.input-otp-group>
</x-ui.input-otp>

With Separator

<x-ui.input-otp :maxlength="6">
    <x-ui.input-otp-group>
        <x-ui.input-otp-slot :index="0" />
        <x-ui.input-otp-slot :index="1" />
        <x-ui.input-otp-slot :index="2" />
    </x-ui.input-otp-group>
    <x-ui.input-otp-separator />
    <x-ui.input-otp-group>
        <x-ui.input-otp-slot :index="3" />
        <x-ui.input-otp-slot :index="4" />
        <x-ui.input-otp-slot :index="5" />
    </x-ui.input-otp-group>
</x-ui.input-otp>