Bilingual Support

Bilingual Support is a simple web component that provides a dictionary to non-native speakers.

Load the web component

<script src="https://bilingualsupportdev.azurewebsites.net/bilingualsupport.js"></script>

Use the web component

  <bilingual-support original-language="nb-no" text="Hvor mange ruter dekker kvadratet? Skriv som multiplikasjonsstykke og regn ut." position-top="2rem">
  </bilingual-support>

Attributes

• text - A text from the site. Bilingual Support will provide translations for all available words in the text.
• original-language - Language code for the provided text.
• position-top - Positions the component from the top by the given CSS measurement.

Events

• open - Fires whenever the user opens the Bilingual Support component.
• close - Fires whenever the user closes the Bilingual Support component.