Match widget
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:
| (no_value) |