@vcl/material-style-input

Material style input

Usage no npm install needed!

<script type="module">
  import vclMaterialStyleInput from 'https://cdn.skypack.dev/@vcl/material-style-input';
</script>

README

VCL material-style-input

Material design style inputs.

Features

  • Adapt the standard input styling such that there is only a border on the bottom.
  • Animated form labels which overlay the input to reduce visual clutter

Usage

This module is effective by just importing it.

example inputs

example labels

Classes

Modifiers

Variables

Demo

example.html on GH-pages.