itsa-react-maskedinput
Version:
Beautiful functional masked input-element for react
49 lines • 1.33 kB
HTML
<html>
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Component</title>
<style type="text/css">
body {
padding: 2em;
}
#component-container {
width: 20em;
border: solid 1px #AAA;
padding: 1em;
background-color: #FAFAFA;
margin: 3em auto;
}
#component-container button {
width: 100%;
text-align: center;
margin-top: 1em;
}
#component-container form.invalid .formheader {
color: #F34F4F;
}
#component-container .checkbox-text {
color: #F34F4F;
visibility: hidden;
margin-top: 0.4em;
font-size: 0.8em;
}
#component-container .checkbox-error-text.checkbox-text {
visibility: visible;
}
#component-container .itsa-input.last {
margin-bottom: 1.4em;
}
#component-container .itsa-checkbox {
margin-right: 0.5em;
}
#component-container .form-text {
color: #444;
}
</style>
</head>
<body>
<div id="component-container"></div>
<script src="./app.js"></script>
</body>
</html>