text-fields

text-fields

TextFields is designed to create and manage text fields with advanced visuals and functionality, including dynamic notched outlines, floating labels, and adaptive text areas.

^{1kB gzipped}

Demo

➤ Install

yarn add text-fields

➤ Import

import TextFields from 'text-fields';

_CSS

@import "text-fields/dist";

_{if your bundler supports SCSS}

@import "text-fields/src";

➤ Usage

document.addEventListener('DOMContentLoaded', () => {
  const textFields = new TextFields();

  textFields.init().then(() => {
    console.log('Text fields are ready!');
  }).catch(error => {
    console.error('Initialization failed:', error);
  });
});

➤ License

text-fields is released under MIT license