OtpInput
FreeЕдна кутия за всеки знак, за кодове за потвърждение. Писането преминава към следващата кутия, Backspace към предишната, а поставеният код запълва всички кутии.
Пример
Параметри
| Параметър | Тип | Описание |
|---|---|---|
Class | string | Допълнителни CSS класове, добавени към коренния елемент. |
Disabled | bool | Изключва взаимодействието. |
Label | string | Видим текст на етикета (графики: достъпно име; IconButton: достъпно име и подсказка). |
Length | int | Брой кутии. |
Mask | bool | Скрива въведените знаци. |
Numeric | bool | Приема само цифри (по подразбиране true). |
Style | string | Вграден стил, добавен към коренния елемент. |
Value | string | Текуща стойност. Ползвайте с @bind-Value. |
Събития
| Събитие | Тип | Описание |
|---|---|---|
Completed | EventCallback<string> | Вдига се с пълния код, когато всяка кутия е попълнена. |
ValueChanged | EventCallback<string> | Вдига се, когато стойността се промени. |
Пакет
OtpInput е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.
Изпратете обратна връзкаВерсия 1.0.3