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; }> |