Launchpad

The <fds-launchpad> is the menu that is part of the Global Navigation Patern that allows a smooth navigation between products. The default pattern just needs apps that follow the format returned by the UX App Discover API.

You can customize the Tools section using brand-card to add elements to it (c.f. storybook)

Usage

Import

npm i @finastra/launchpad

import '@finastra/launchpad';
...
<fds-launchpad apps='[{
    "name": "App",
    "shortName": "App",
    "sso-initiation-urls": {
    "web": "https://app1.com"
    }}]'>
</fds-launchpad>

API

Properties

| Property | Attribute | Type | Default | Description | |------------------------|------------------------|-----------|-------------|--------------------------------------------------| | appNameProperty | appNameProperty | string | "name" | Name of application name property of type string that will be used by the product card. | | apps | apps | UxApp[] | [] | List of ux-apps. | | shortAppNameProperty | shortAppNameProperty | string | "shortName" | Name of the short application name property used by the product card. | | title | title | string | "Apps" | Title used by the menu trigger. |

Events

| Event | Type | |--------------|--------------------------------| | launchpage | | | selected | CustomEvent<{ app: UxApp; }> |