Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@salutejs/input-core

salute-developers10.3kMIT2.1.2TypeScript support: included

Core abilities of masked-input. Usefully to create custom input processors

masked-input, core-input, input, number-input, react-masked-input, svelte-mask-input, input-mask, credit-card, phone, phone-input

readme

input-core

This project would help you if:

  1. You don't need to create an input for user, but only formatting to show data as a plain text
  2. You want to create your own compnent which will work with inputs

Step-by-step guide:

  1. Install it

    npm install --save input-core

    or

    yarn add input-core
  2. import it:

    import { createInput } from 'input-core';
  3. Create an object (for example, if we want to format phone):

export default function formatPhone(value, mask) {
  const input = createInput({
    value,
    mask,
  });

  return input.getVisibleValue();
}
  1. Use it wherever you need ;)
const phone = '9651112222';
...
formatPhone(phone, '+7 (000) 000 00-00'); // returns +7 (965) 111 22-22

License

MIT