Ustawienia wyglądu i działania:
Label(nie obowiązkowe) - etykieta dla wejścia.
Placeholder(nieobowiązkowe) - miejsce na dane wejściowe.
Name(obowiązkowe) - nazwa wejścia.
Tooltip(nie obowiązkowe) - podpowiedź dla wejścia.
Required(mandatory) - pole jest obowiązkowe. Domyślnie wyłączone.
Allow clear (obowiązkowy) - ikona do wyczyszczenia wejścia. Domyślnie wyłączona.
Validate icon (obowiązkowy) - ikona sprawdzania poprawności danych wejściowych. Domyślnie wyłączona.
Disabled(mandatory) - sprawia, że komponent jest wyłączony, jeśli jest włączony. Domyślnie jest wyłączony.
Visible(obowiązkowy) - sprawia, że komponent jest widoczny, jeśli jest włączony. Domyślnie włączony.
Wyzwalacze przepływu pracy:
- onCreate- zostanie wywołany, gdy element zostanie utworzony na stronie;
- onShow- wywołuje się, gdy element zmienia swój stan na widoczny (wyświetlany na stronie);
- onHide- odpala się, gdy element zmienia swój stan na ukryty (przestaje być wyświetlany);
- onDestroy- odpala się przed zniszczeniem elementu;
- onChange- odpala się, gdy wartość jest zmieniana;
- onFocus- wywołuje się, gdy komponent jest skupiony;
- onBlur- wywołuje się, gdy komponent jest zamazany;
- onEnterKey- zostanie wywołany po naciśnięciu Enter.
Component Actions:
InputEmail Get Properties
Pobiera właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu wejściowego.
Parametry wyjściowe:
- Label[string] - etykieta wejścia;
- Placeholder[string] - zastępczy element wejściowy;
- Allow clear[boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required[boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
- Value[email] - wartość z wejścia;
- Validate Icon [boolean] - ikona wyświetlana podczas walidacji wartości;
- Validate Status [Status type] - status do pokazania przy sprawdzaniu wartości;
- Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu poprawności wartości.
InputEmail Set Properties
Ustawia właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu wejściowego;
- Label[string] - etykieta wejścia;
- Placeholder[string] - input placeholder;
- Allow clear[boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required [boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
- Value[email] - wartość z wejścia;
- Validate Icon [boolean] - ikona wyświetlana podczas walidacji wartości;
- Validate Status[Status type] - status do pokazania przy sprawdzaniu wartości;
- Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu poprawności wartości.
InputEmail Update Properties
Aktualizuje właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu wejściowego;
- Label[string] - etykieta wejścia;
- Placeholder[string] - input placeholder;
- Allow clear[boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required [boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
- Value[email] - wartość z wejścia;
- Validate Icon [boolean] - ikona wyświetlana podczas walidacji wartości;
- Validate Status[Status type] - status do pokazania przy sprawdzaniu wartości;
- Validate Message [string] - komunikat, który zostanie wyświetlony przy sprawdzaniu wartości.
Przykład użycia.
Input (email) nadaje się do stosowania w formularzach rejestracyjnych i autoryzacyjnych