BaggageCourierService

Simple MFE with static text and image for Baggage Courier Service, redirects to Baggage Carrier Service when clicking on "Book now"

BaggageCourierService

Screenshots

A Baggage Courier example with TUI theme in EN language.

A Baggage Courier example with TUI Light theme in EN language.

A Baggage Courier example with TUI theme in NL language.

A Baggage Courier example with TUI Light theme in NL language.

Usage

Add the following script tag to your web page to load the microfrontend. Note: This is required only once per webpage, even when you embed multiple instances of the microfrontend.

<script src="https://nonprod.cloud.tui.com/osp/fo/baggage-courier-service/main/main.js" defer></script>

Add the following HTML code anywhere in your webpage at the position where you want the microfrontend to show. You can create multiple instances of the microfrontend.

<baggage-courier-service
	lang="VALUE"
	market="VALUE"
	dataenv="VALUE">
</baggage-courier-service>

Examples

Basic BCS mfe example

<baggage-courier-service
	lang="en-GB"
	theme="tui"
	market="NL"
	dataenv="dev">
</baggage-courier-service>

Attributes

This microfrontend accepts the following attributes:

Name	Description	Values	Required
`lang`	language for localization (e.g. de-DE, en-GB...)	`en-GB`, `nl-NL`	yes
`theme`	theme for UI styling (e.g. TUI)	`tui`, `tui-light`	no
`market`	set the market (e.g. BE)	`NL`, `BE`, `FR`, `MA`	yes
`dataenv`	underlying data environment	`dev`, `test`, `prod`	yes