custom-input

custom input with svg animation and label and placeholder animation

by Andres Abadia

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://www.id-ex.de/examples/custom-input/idex-custom-input.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:800" rel="stylesheet">

<idex-custom-input type="text" label="Name"></idex-custom-input>
<idex-custom-input type="email" label="E-mail" width="250"></idex-custom-input>
<idex-custom-input type="password" label="Password" width="250"></idex-custom-input>
<idex-custom-input type="message" label="Message" height="200" width="350"></idex-custom-input>
<idex-custom-input type="button">Button</idex-custom-input>

CSS

* { font-family: 'Montserrat', sans-serif; }