Floating Labels

NPM package for creating easily floating labels.

Installation

Install package:

npm i @thomascoppein/floating-labels

Import package in Javascript file:

import FloatingLabels from '@thomascoppein/floating-labels';

Create new Floating Labels instance:

const labels = new FloatingLabels({
  selector: '.js-input-group',
});

<div class="input-group | js-input-group">
  <label for="name" class="label">Name</label>
  <input type="text" name="name" id="name" required class="input" />
</div>