@dreamworld/dw-input
Version:
Material design styled input text-field & text-area implemented in LitElement
45 lines (38 loc) • 1.24 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Input demo</title>
<script>
(window.process = window.process || {}).env = {};
</script>
<script type="module" src="./dw-input-demo.js"></script>
<script type="module" src="./dw-autogrow-textarea-demo.js"></script>
<script type="module" src="../dw-email-input.js"></script>
<style>
body {
margin: 0;
overflow-x: hidden;
}
dw-email-input,
dw-autogrow-textarea-demo,
h1 {
padding-left: 24px;
}
dw-email-input {
max-width: 300px;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined&display=block" rel="stylesheet" />
</head>
<body>
<h1>dw-input demo</h1>
<dw-input-demo></dw-input-demo>
<h1>dw-email-input demo</h1>
<dw-email-input label="Email"></dw-email-input>
<h1>dw-autogrow-textarea demo</h1>
<dw-autogrow-textarea-demo></dw-autogrow-textarea-demo>
</body>
</html>