Disney tickets preview component

Disney tickets preview component is used for the initial possibility of seeing Disney tickets option.

What is that file?

That file SHOULD explain the functionality of the MFE in two to four paragraphs in a non-technical way from the business/customer value perspective.

> That file SHOULD include information for people who will use that MFE

❗❗❗Attention ❗❗❗

That file MUST NOT include any technical, security, infrastructure, or development information!!!

Maximum Attention❗❗❗ That file ONLY for public information ❗❗❗

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-static.tui.com/disney-tickets-preview-test/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.

<tui-disney-tickets-preview
locale="VALUE"
theme="VALUE"
market="VALUE">

</tui-disney-tickets-preview>

Examples

  • English Variant with Tui

    <tui-disney-tickets-preview
    locale="en-GB"
    theme="tui-light">

    </tui-disney-tickets-preview>
  • French Variant with Tui Light

    <tui-disney-tickets-preview
    locale="fr-FR"
    theme="tui-light">

    </tui-disney-tickets-preview>

Attributes

This microfrontend accepts the following attributes:

NameDescriptionValuesDefaultRequired
locale

language for localization (e.g. nl-BE, en-GB...)

en-GB, nl-BE, nl-NL, fr-FRyes
theme

theme for styling the ui

yes
market

market (e.g. th, fc...)

TH, FC, FJyes