Skip to content

Match widget

Try a demo 💥

Usage

Just include our plugin at your application in way it best fit your project code style:

Load widget script from our CDN, directly in your HTML markup (we recommend doing this just before </body> closing tag, but it's OK to use any point you prefer):

<script src="https://d2cn9l4d3sa113.cloudfront.net/match-widget.js"></script>

Coming soon The plugin can be included into your application with NPM, Node.js package manager.

npm install degreeme-match-widget --save
const dmWidgetMatch = require('degreeme-match-widget')

Coming soon The plugin can be included into your application with NPM, Node.js package manager.

npm install degreeme-match-widget-es --save
import dmWidgetMatch from 'degreeme-match-widget-es'

The plugin exports global class dmWidgetMatch, which could be used for manually initialize match widget instance:

new dmWidgetMatch({target: domElement, props: {...options} })

where target is any DOM element and props is an options.

Examples

Attach widget into document.body with option size specified:

new dmWidgetMatch({target: document.body, props: { top: 'Accounting' } })

You can even start it silently without specifying a target and attach component later:

const widgetInstsnce = new dmWidgetMatch()

// set any options
widgetInstsnce.authkey = 'authkey'

// wait for any asynchronous operations you want
setTimout(() => document.body.append(widgetInstsnce), 1000)

Options

Option Type Description Default
authkey String Your AuthKey

AuthKey.

772d9eb4-a996-40f1-8400-78ee14bcbe25
top String Your Top Concentration

Preselected Concentration.

Examples:

Accounting
Your selected concentration::496a8299-0d81-4b1b-946c-adcd2c9dfed4
(no_value)