Digital ID components

This article describes components in Components Library > Digital ID.

Digital ID Business Login

The Digital ID Business Login component displays an authentication button for business entity login via a supported digital identity provider. Users click the button to initiate the corporate login flow. In the App Designer, select a Digital ID Business Login on the canvas to configure it through four tab pages in the Settings panel: Props, Styles, Events, and Advanced.

Props

The Props tab contains the visual and behavioural properties of the Digital ID Business Login.

If a property displays the Variable Binding icon , that means it supports variable binding.

Property	UI Control	Default	Description
Content	Text input	BUSINESS LOGIN	Sets the text displayed on the button.
Icon	Icon setter	calendar	Sets an icon for the button.
Theme	Radio group (Ghost | Normal | Light | Dark)	-	Sets the visual appearance of the button.
Icon size	Dropdown (XXS | XS | Small | Medium | Large | XL | XXL | XXXL)	Medium	Controls the size of the button icon.

Integration Settings (Props sub-section)

Within the Props tab, an Integration Settings collapsible section provides:

Property	UI Control	Default	Description
Scope	Text input	-	Specifies the permission scope for the authentication request.
Nonce	Text input	-	Sets a unique value to associate the login session with the identity provider response.
Client Id	Text input	-	Sets the client identifier registered with the identity provider.
State	Text input	-	Sets a state parameter passed to the identity provider to maintain context across the login flow.
Callback Url	Text input	-	Sets the redirect URI that the identity provider calls after authentication completes.

Advanced (Props sub-section)

Within the Props tab, an Advanced collapsible section provides:

Property	UI Control	Default	Description
ID	Text input	Auto-generated	Unique HTML identifier for the element. Auto-generated from the component title (non-alphanumeric characters are replaced by underscores). You can override this value manually.
Name	Text input	Auto-generated	HTML name attribute for form identification. Auto-generated from the component title. You can override this value manually.

Styles

For more information, refer to Styles.

Events

The Events tab allows you to bind event handlers to the Digital ID Business Login without writing boilerplate code.

Binding an event

1. Click "Component native event" to select from the Digital ID Business Login's supported events:

   • onMouseUp — Triggered when the mouse button is released over the button
   • onClick — Triggered when the button is clicked

2. The Event Binding window opens, allowing you to select an event and apply parameter settings.

3. After selecting an event, it appears in the Existing event table.

   You can click the gear icon to edit the action, or click the trash bin icon to delete the binding.

Handler signatures

The onMouseUp handler receives the mouse event:

onMouseUp(e) {
  // e: the native mouse event object
}

The onClick handler receives the click event:

onClick(e) {
  // e: the native click event object
}

Advanced

For more information, refer to Advanced.

Digital ID Individual Login

The Digital ID Individual Login component displays an authentication button for personal identity login via a supported digital identity provider. Users click the button to initiate the individual login flow. In the App Designer, select a Digital ID Individual Login on the canvas to configure it through four tab pages in the Settings panel: Props, Styles, Events, and Advanced.

Props

The Props tab contains the visual and behavioural properties of the Digital ID Individual Login.

If a property displays the Variable Binding icon , that means it supports variable binding.

Property	UI Control	Default	Description
Content	Text input	INDIVIDUAL LOGIN	Sets the text displayed on the button.
Icon	Icon setter	account	Sets an icon for the button.
Theme	Radio group (Ghost | Normal | Light | Dark)	-	Sets the visual appearance of the button.
Icon size	Dropdown (XXS | XS | Small | Medium | Large | XL | XXL | XXXL)	Medium	Controls the size of the button icon.

Integration Settings (Props sub-section)

Within the Props tab, an Integration Settings collapsible section provides:

Property	UI Control	Default	Description
Scope	Text input	-	Specifies the permission scope for the authentication request.
Nonce	Text input	-	Sets a unique value to associate the login session with the identity provider response.
Client Id	Text input	-	Sets the client identifier registered with the identity provider.
State	Text input	-	Sets a state parameter passed to the identity provider to maintain context across the login flow.
Callback Url	Text input	-	Sets the redirect URI that the identity provider calls after authentication completes.

Advanced (Props sub-section)

Within the Props tab, an Advanced collapsible section provides:

Property	UI Control	Default	Description
ID	Text input	Auto-generated	Unique HTML identifier for the element. Auto-generated from the component title (non-alphanumeric characters are replaced by underscores). You can override this value manually.
Name	Text input	Auto-generated	HTML name attribute for form identification. Auto-generated from the component title. You can override this value manually.

Styles

For more information, refer to Styles.

Events

The Events tab allows you to bind event handlers to the Digital ID Individual Login without writing boilerplate code.

Binding an event

1. Click "Component native event" to select from the Digital ID Individual Login's supported events:

   • onMouseUp — Triggered when the mouse button is released over the button
   • onClick — Triggered when the button is clicked

2. The Event Binding window opens, allowing you to select an event and apply parameter settings.

3. After selecting an event, it appears in the Existing event table.

   You can click the gear icon to edit the action, or click the trash bin icon to delete the binding.

Handler signatures

The onMouseUp handler receives the mouse event:

onMouseUp(e) {
  // e: the native mouse event object
}

The onClick handler receives the click event:

onClick(e) {
  // e: the native click event object
}

Advanced

For more information, refer to Advanced.

Digital ID Trusted Info

The Digital ID Trusted Info component displays an authentication button that retrieves verified personal information from a trusted digital identity provider. Users click the button to initiate the trusted information retrieval flow. In the App Designer, select a Digital ID Trusted Info on the canvas to configure it through four tab pages in the Settings panel: Props, Styles, Events, and Advanced.

Props

The Props tab contains the visual and behavioural properties of the Digital ID Trusted Info.

If a property displays the Variable Binding icon , that means it supports variable binding.

Property	UI Control	Default	Description
Content	Text input	Retrieve Trusted Info with Digital ID	Sets the text displayed on the button.
Icon	Icon setter	edit	Sets an icon for the button.
Theme	Radio group (Ghost | Normal | Light | Dark)	-	Sets the visual appearance of the button.
Icon size	Dropdown (XXS | XS | Small | Medium | Large | XL | XXL | XXXL)	Small	Controls the size of the button icon.

Integration Settings (Props sub-section)

Within the Props tab, an Integration Settings collapsible section provides:

Property	UI Control	Default	Description
Scope	Text input	-	Specifies the permission scope for the authentication request.
Nonce	Text input	-	Sets a unique value to associate the login session with the identity provider response.
Client Id	Text input	-	Sets the client identifier registered with the identity provider.
State	Text input	-	Sets a state parameter passed to the identity provider to maintain context across the login flow.
Callback Url	Text input	-	Sets the redirect URI that the identity provider calls after authentication completes.

Advanced (Props sub-section)

Within the Props tab, an Advanced collapsible section provides:

Property	UI Control	Default	Description
ID	Text input	Auto-generated	Unique HTML identifier for the element. Auto-generated from the component title (non-alphanumeric characters are replaced by underscores). You can override this value manually.
Name	Text input	Auto-generated	HTML name attribute for form identification. Auto-generated from the component title. You can override this value manually.

Styles

For more information, refer to Styles.

Events

The Events tab allows you to bind event handlers to the Digital ID Trusted Info without writing boilerplate code.

Binding an event

1. Click "Component native event" to select from the Digital ID Trusted Info's supported events:

   • onMouseUp — Triggered when the mouse button is released over the button
   • onClick — Triggered when the button is clicked

2. The Event Binding window opens, allowing you to select an event and apply parameter settings.

3. After selecting an event, it appears in the Existing event table.

   You can click the gear icon to edit the action, or click the trash bin icon to delete the binding.

Handler signatures

The onMouseUp handler receives the mouse event:

onMouseUp(e) {
  // e: the native mouse event object
}

The onClick handler receives the click event:

onClick(e) {
  // e: the native click event object
}

Advanced

For more information, refer to Advanced.

Last updated on 20 May 2026