MobileAuth
Отображает кнопки для аутентификации и регистрации в Progressive Web Application (PWA)
Используется для входа в приложение на мобильном устройс тве.
<MobileAuth />
Свойства
Имя | Описание | Тип | Значение по умолчанию | Возможные значения |
---|---|---|---|---|
AuthError | Текст ошибки аутентификации | string | ||
AuthSuccess | Признак успешной аутентификаци и | boolean | False | |
Badge | Количественная информация в компонентах Menu, Accordion, Link, Text. В качестве значения может использоваться объект с полями: counter (число), position ("post" или "pre"), color (цвет) | any | ||
CSS | Массив строк-классов CSS-стилей компонента | array | ||
CombineConfig | Конфигурация всех событий компонента. Служебное свойство для генерации фрагментов кода в визуальном режиме редактора форм. Не рекомендуется указывать значение вручную | object | ||
Hidden | Признак состояния компонента Скрыт | boolean | False | |
Hint | Всплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текста | any | ||
Id | Идентификатор компонента для навигации к нему на HTML-странице | string | ||
OnAuthChange | Обработчик события изменения учетных данных, возвращающий true или false | undefined | ||
OnAuthError | Обработчик события ошибки при аутентификации, возвращающий текст ошибки | undefined | ||
OnClick | Обработчик события нажатия кнопки мыши | undefined | ||
OnKeyDown | Обработчик события KeyDown | undefined | ||
OnKeyUp | Обработчик события KeyUp | undefined | ||
OnMouseDown | Обработчик события MouseDown | undefined | ||
OnMouseEnter | Обработчик события MouseEnter | undefined | ||
OnMouseLeave | Обработчик события MouseLeave | undefined | ||
OnMouseMove | Обработчик события MouseMove | undefined | ||
OnMouseOut | Обработчик события MouseOut | undefined | ||
OnMouseOver | Обработчик события MouseOver | undefined | ||
OnMouseUp | Обработчик события MouseUp | undefined | ||
OnRegChange | Обработчик события регистрации учетных данных, возвращающий true или false | undefined | ||
OnRegError | Обработчик события ошибки регистрации учетных данных, возвращающий текст ошибки | undefined | ||
OnUnmount | Обработчик события Unmount | undefined | ||
RegError | Текст ошибки регистрации учетных данных | string | ||
RegSuccess | Признак успешной регистрации учетных данных | boolean | False | |
Slot | Метка для динамического добавления другого компонента по его идентификатору | string | ||
Tooltip | Всплывающая подсказка над компонентом, чаще используемая для пояснения назначения значка | any | ||
TraceId | Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности: создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента | string | ||
Visible | Признак инверсии состояния компонента Скрыт | boolean | True | |
СredID | Учетные данные в виде массива UINT8-чисел | array |
Примеры
JSX:
<Group Mode='Wrap' Height='70px'>
<MobileAuth
OnRegChange={() => {
addMessage(`Is registered: ${ getEvent().isRegistered }`,
getEvent().isRegistered ?
{variant: 'success'} :
{variant: 'error'} );
}}
OnRegError={ async () => {
await Alert( `${ getEvent().regError }` )
}}
OnAuthChange={() => {
addMessage(`Is authenticated: ${ getEvent().isAuthenticated }`,
getEvent().isAuthenticated ?
{variant: 'success'} :
{variant: 'error'} );
}}
OnAuthError={async () => {
await Alert( `${ getEvent().authError }` )
}}
/>
</Group>