Formuláře

OtpInput

OTP / PIN input — N samostatných znakových boxů s automatickým posunem fokusu, podporou vložení a navigací šipkami.

Na této stránce

OTP / PIN input — N samostatných znakových boxů s automatickým posunem fokusu, podporou vložení a navigací šipkami.

use NyonCode\WireForms\Components\OtpInput;

Základní použití

OtpInput::make('code')
    ->length(6)

Uložená hodnota je prostý řetězec: '123456'.

OtpInput::make('pin')
    ->length(4)
    ->numericOnly()    // inputmode="numeric", přijímá jen 0-9

OtpInput::make('pin')
    ->length(4)
    ->masked()

OtpInput::make('code')
    ->length(6)
    ->separator(3)    // vykreslí jako: [x][x][x] — [x][x][x]

OtpInput::make('verification_code')
    ->length(6)
    ->numericOnly()
    ->required()
    ->live()

Metoda	Typ	Popis
`length(int)`	int	Počet jednotlivých input boxů (výchozí `6`)
`numericOnly(bool)`	bool	Přijímat jen číslice 0–9
`masked(bool)`	bool	Maskovat znaky jako pole hesla
`separator(int)`	int	Zobrazit oddělovač pomlčkou každých N znaků
`disabled(bool\|Closure)`	bool	Znepřístupnit všechny boxy
`readOnly(bool\|Closure)`	bool	Read-only režim
`required()`	—	Označit jako povinné
`live()`	—	Spustit Livewire update při každé změně

Label, hint, tooltip a další sdílené metody viz Společné API pole.