UNLV Online Education Components

This is a library of custom web components built by UNLV Online Education using Stencil. These components are 100% standards compliant (Custom Elements v1 spec) and will work in any major framework or with no framework at all.

Getting Started

Using the library with a framework

1. Install:

   npm install @unlv-oe/components --save

2. See the Stencil docs on how to integrate our library with your favorite framework:

   • Angular
   • React
   • Vue
   • Ember

Using the library without a framework

1. If you're using a simple HTML page, you can add our library via a script tag and start using our components:

   <script type="module">
      import { defineCustomElements } from 'https://cdn.jsdelivr.net/npm/@unlv-oe/components@latest/loader/index.es2017.js';
      defineCustomElements();
   </script>

   See the Stencil docs for more information.

Available Components

Drag and Drop

<unlv-oe-drag-drop json="JSON"></unlv-oe-dragdrop>

<unlv-oe-drag-drop file="PATH_TO_CSV_OR_JSON_FILE"></unlv-oe-dragdrop>

Drag and Drop Properties

Feedback Button

<unlv-oe-feedback-button src="YOUR_QUALTRICS_URL"></unlv-oe-feedback-button>

Feedback Button Properties

Flashcards

<unlv-oe-flashcards json="JSON"></unlv-oe-flashcards>

<unlv-oe-flashcards file="PATH_TO_CSV_OR_JSON_FILE"></unlv-oe-flashcards>

Flashcards Properties