text-fields

text-fields

The TextFields class is designed to manage and design text fields (input and textarea) according to Material Design principles. The main function of the class is to add visual and functional enhancements to standard HTML form elements.

^{1kB gzipped}

Demo

➤ Install

yarn add text-fields

➤ Import

import TextFields from 'TextFields';

import 'text-fields/dist/text-fields.css';

_{if your bundler supports SCSS}

@import "node_modules/text-fields/src/styles/index.scss";

_{or compiled CSS}

@import "node_modules/text-fields/dist/text-fields.css";

➤ 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