Custom page components

Custom pages components

Custom pages components are used to construct simple pages within TransactionLink widget.
Check naviageToPage method for usage.

Example

_t10l.navigateToPage([
    {type: "h1", text: "I'm huge"},
    {type: "h2", text: "I'm just big"},
    {type: "h3", text: "I'm a bit smaller than the guy above me"},
    {type: "text", text: "I'm a just a normal text. And there's a small spacer below me."},
    {type: "spacer", small: true},
    {type: "button", text: "Default button", action: "app", app: "veriff"},
    {type: "button", text: "Secndary button", action: "app", app: "passBase", style: 'secondary'},
    {type: "button", text: "Text button", action: "url", url: "https://google.com", style: 'text'},
])
The result of the code aboveThe result of the code above

The result of the code above

Component actions

Buttons can trigger some kind of actions.
Below you can find more details of what these are.

App - changes the currently displayed page

Example:

const component = {
    component: 'button',
    text: 'Click me',
    action: 'app',
    app: 'aisIdentityConfirmation
}

url - opens the url in new tab

Example:

const component = {
    component: 'button',
    text: 'Click me',
    action: 'url',
    url: 'https://google.com'
}

close - closes the widget

Example:

const component = {
    component: 'link',
    text: 'Close',
    action: 'close'
}