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

1import '@finastra/launchpad';
2...
3<fds-launchpad apps='[{
4    "name": "App",
5    "shortName": "App",
6    "sso-initiation-urls": {
7    "web": "https://app1.com"
8    }}]'>
9</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; }>