Перейти к основному содержимому

MobileAuth

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

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

<MobileAuth />

Свойства

ИмяОписаниеТипЗначение по умолчаниюВозможные значения
AuthErrorТекст ошибки аутентификацииstring
AuthSuccessПризнак успешной аутентификацииbooleanFalse
BadgeКоличественная информация в компонентах Menu, Accordion, Link, Text. В качестве значения может использоваться объект с полями: counter (число),
position ("post" или "pre"), color (цвет)
any
CSSМассив строк-классов CSS-стилей компонентаarray
CombineConfigКонфигурация всех событий компонента. Служебное свойство для генерации фрагментов кода в визуальном режиме редактора форм.
Не рекомендуется указывать значение вручную
object
HiddenПризнак состояния компонента СкрытbooleanFalse
HintВсплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текстаany
IdИдентификатор компонента для навигации к нему на HTML-страницеstring
OnAuthChangeОбработчик события изменения учетных данных, возвращающий true или falseundefined
OnAuthErrorОбработчик события ошибки при аутентификации, возвращающий текст ошибкиundefined
OnClickОбработчик события нажатия кнопки мышиundefined
OnKeyDownОбработчик события KeyDownundefined
OnKeyUpОбработчик события KeyUpundefined
OnMouseDownОбработчик события MouseDownundefined
OnMouseEnterОбработчик события MouseEnterundefined
OnMouseLeaveОбработчик события MouseLeaveundefined
OnMouseMoveОбработчик события MouseMoveundefined
OnMouseOutОбработчик события MouseOutundefined
OnMouseOverОбработчик события MouseOverundefined
OnMouseUpОбработчик события MouseUpundefined
OnRegChangeОбработчик события регистрации учетных данных, возвращающий true или falseundefined
OnRegErrorОбработчик события ошибки регистрации учетных данных, возвращающий текст ошибкиundefined
OnUnmountОбработчик события Unmountundefined
RegErrorТекст ошибки регистрации учетных данныхstring
RegSuccessПризнак успешной регистрации учетных данныхbooleanFalse
SlotМетка для динамического добавления другого компонента по его идентификаторуstring
TooltipВсплывающая подсказка над компонентом, чаще используемая для пояснения назначения значкаany
TraceId
Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности:
создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента
string
VisibleПризнак инверсии состояния компонента СкрытbooleanTrue
С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>