Disney tickets selection component

Disney tickets selection component is used for showing tickets that are available for customers to book.

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-selection-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-selection
locale="VALUE"
theme="VALUE"
market="VALUE">

</tui-disney-tickets-selection>

Examples

  • English Variant with Tui

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

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

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

    </tui-disney-tickets-selection>

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