Built by Shift Software

Toyota Iraq Web Components Documentation

The Toyota Iraq Web Components project provides reusable web components designed to enhance the functionality of web applications for Toyota Iraq. ensuring the components are lightweight, efficient, and compatible with various frameworks and environments. The components can be used standalone or as part of a bundle and are designed to integrate seamlessly into any web project.

Table of Contents

• Stand Alone Installation (Lazy loading) (Recommended)
• Bundle Installation
• Components List

Stand Alone Installation

document.addEventListener('DOMContentLoaded', () => {});

always up-to-date version:

<script type="module" src="https://cdn.jsdelivr.net/npm/toyotairaq-webcomponents@latest/dist/components/dynamic-claim.js"></script>

current version version:

<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/components/dynamic-claim.js"></script>

This will give you access to single component which you imported from the Toyota Iraq web component library.

Example Usage

Full Code here

<dynamic-claim is-dev="true" base-url="http://localhost:7174/api/secure-vehicle-lookup-test/" id="dynamic-claim"></dynamic-claim>

<script>
   document.addEventListener('DOMContentLoaded', () => {
     const dynamicClaim = document.getElementById('dynamic-claim');

     ...
  });
</script>

Bundle Installation

To use the entire component bundle, include the following script in your HTML:

always up-to-date version:

<script type="module" src="https://cdn.jsdelivr.net/npm/toyotairaq-webcomponents@latest/dist/shift-components/shift-components.esm.js"></script>

current version version:

<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/shift-components/shift-components.esm.js"></script>

This will give you access to all components in the Toyota Iraq web component library.

Example Usage

Full Code here

<dynamic-redeem id="dynamic-redeem"></dynamic-redeem>
<dynamic-claim is-dev="true" base-url="http://localhost:7174/api/secure-vehicle-lookup-test/" id="dynamic-claim"></dynamic-claim>

<script>
  const dynamicClaim = document.getElementById('dynamic-claim');
  const dynamicRedeem = document.getElementById('dynamic-redeem');

  ...
</script>

Components List

This is the complete list of the components with their documentation:

• Dynamic Claim
• Dynamic Redeem

Built by Shift Software