@polymer/paper-input
Advanced tools
<paper-input> is a single-line text field with Material Design styling.
See: Documentation, Demo.
npm install --save @polymer/paper-input
<html>
<head>
<script type="module">
import '@polymer/paper-input/paper-input.js';
</script>
</head>
<body>
<paper-input always-float-label label="Floating label"></paper-input>
</body>
</html>
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/paper-input/paper-input.js';
class SampleElement extends PolymerElement {
static get template() {
return html`
<paper-input always-float-label label="Floating label"></paper-input>
`;
}
}
customElements.define('sample-element', SampleElement);
If you want to send a PR to this element, here are the instructions for running the tests and demo locally:
git clone https://github.com/PolymerElements/paper-input
cd paper-input
npm install
npm install -g polymer-cli
polymer serve --npm
open http://127.0.0.1:<port>/demo/
polymer test --npm
FAQs
Material design text fields
We found that @polymer/paper-input demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 10 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
The Socket Research Team investigates a malicious Python typosquat of a popular password library that forces Windows shutdowns when input is incorrect.
Product
We’ve redesigned the Socket dashboard with simpler navigation, less visual clutter, and a cleaner UI that highlights what really matters.
Industry Insights
Terry O’Daniel, Head of Security at Amplitude, shares insights on building high-impact security teams, aligning with engineering, and why AI gives defenders a fighting chance.