MobileAuth

Отображает кнопки для аутентификации и регистрации в Progressive Web Application (PWA)

Используется для входа в приложение на мобильном устройстве.

<MobileAuth />

Свойства

Имя	Описание	Тип	Значение по умолчанию
AuthError	Текст ошибки аутентификации	string
AuthSuccess	Признак успешной аутентификации	boolean
CSS	Массив строк-классов CSS-стилей компонента	array
Hidden	Признак состояния компонента Скрыт	boolean
Hint	Всплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текста	any
Id	Идентификатор компонента для навигации к нему на HTML-странице	string
OnAuthChange	Обработчик события изменения учетных данных, возвращающий true или false	undefined
OnAuthError	Обработчик события ошибки при аутентификации, возвращающий текст ошибки	undefined
OnClick	Обработчик события Click	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
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>

Свойства​

Примеры​

Свойства

Примеры