rLogin - features

Get the most from rLogin!

Trigger the modal

You can trigger different pop ups after the user has logged in

Show the wallet information

rLogin.showWalletInfo()

Show the change network

rLogin.showChangeNetwork()

Listen to the network changes in the provider with provider.on('networkChanged', (netId) => {}) as per the standard

i18n

rLogin includes 7 languages by default.

To add more languages see src/i18n.ts

Restrict supported languages:

const rLogin = new RLogin({
    // ...
    supportedLanguages: ['en', 'es']
})

Listeners

Listen to different user events

Listen to language changes

rLogin.on('languageChanged', (language) => {})

Listen to theme changes

rLogin.on('themeChanged', (theme) => {})

Responses

Get deep info from the rLogin response

rLogin.connect().then(({
    provider, // the web3 provider
    disconnect, // the logout function
    selectedLanguage,
    selectedTheme,
    dataVault // Data Vault client already set-up
              // for permissioned mode
}) => {})

Dark/light

The tool has a customizable dark/light mode.

See src/theme.ts and configure

const rLogin = new RLogin({
    // ...
    customThemes: { /* { ... } */ }
})

Customizable CSS

You can modifty any of the elements inside the pop-up using CSS. Find the component you want to alter and get its class name from src/constants/cssSelectors.ts