Polymère - Entrée papier
La saisie papier est un champ de texte combiné avec un style. Pour obtenir une entrée papier dans votre répertoire en état de fonctionnement, vous devez exécuter la commande suivante dans l'invite de commande.
bower install --save PolymerElements/paper-inputExemple
Votre fichier index.html doit ressembler à ce qui suit.
<!doctype html>
<html>
<head>
<link rel = 'import' href = 'my-app.html'>
</head>
<body>
<my-app></my-app>
</body>
</html>Votre fichier my-app.html doit ressembler à ce qui suit.
<link rel = 'import' href = 'bower_components/polymer/polymer.html'>
<link rel = "import" href="bower_components/iron-icons/iron-icons.html">
<link rel = "import" href = "bower_components/paper-input/paper-input.html">
<dom-module id = 'my-app'>
<template>
<style>
paper-input {
max-width: 300px;
}
</style>
<h3>Paper-Input Example </h3>
<paper-input label = "User Name">
<iron-icon icon = "account-circle" prefix></iron-icon>
</paper-input>
<paper-input label = "Password">
<iron-icon icon = "lock-outline" prefix></iron-icon>
</paper-input>
</template>
<script>
Polymer ({
is: 'my-app', ready: function() {
this.async(function() {
});
}
});
</script>
</dom-module>Production
Actualisez le serveur Polymer et ce qui suit sera la sortie.
