Deprecated: use BrightspaceUI/inputs
d2l-input-textweb component instead.
Polymer-based web component for D2L text inputs.
For further information on this and other Brightspace UI components, see the docs at ui.developers.brightspace.com.
d2l-text-input can be installed from Bower:
bower install d2l-text-inputInclude the webcomponents.js "lite" polyfill (for browsers who don't natively support web components), then import the component as needed:
<head>
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../d2l-text-input/d2l-text-input.html">
</head>Then use the <d2l-text-input> custom element in your application.
<d2l-text-input name="myInput" value="input value"></d2l-text-input>Many of the same attributes from native <input type="text"> are available:
<d2l-text-input disabled></d2l-text-input>After cloning the repo, run npm install to install dependencies.
If you don't have it already, install the Polymer CLI globally:
npm install -g polymer-cliTo start a local web server that hosts the demo page and tests:
polymer serveTo lint (eslint and Polymer lint):
npm run test:lintTo run unit tests locally using Polymer test:
npm run test:polymer:localTo lint AND run local unit tests:
npm test