@erboladaiorg/ducimus-necessitatibus-omnis NPM | npm.io

3.8.118 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

@erboladaiorg/ducimus-necessitatibus-omnis

🤙 International phone input component for React

npm-version build-status-badge install-size-badge downloads

Live demo: Storybook

demo-gif

Features

😎 Easy to integrate - Just import and use, no need for the initial setup. Integrate with any UI library using a headless hook.
🔍 Country guessing - Just start typing and the component will guess the country and format the phone. Country flags are rendered using Twemoji.
✨ Lightweight - Low bundle size, no third-party dependencies.
🌈 Easy to customize - Customize styles and component behavior using props.
⌨ Caret position handling - Typing in the middle of the input, selection and deletion feels naturally.
✔️ Validation - Easily validate entered phone numbers using provided functions.

Installation

$ npm i @erboladaiorg/ducimus-necessitatibus-omnis

Basic usage

import { useState } from 'react';
import { PhoneInput } from '@erboladaiorg/ducimus-necessitatibus-omnis';
import '@erboladaiorg/ducimus-necessitatibus-omnis/style.css';

const App = () => {
  const [phone, setPhone] = useState('');

  return (
    <div>
      <PhoneInput
        defaultCountry="ua"
        value={phone}
        onChange={(phone) => setPhone(phone)}
      />
    </div>
  );
};

Documentation

Find the full API reference on official documentation.

Migration

You can encounter some breaking changes after update between major versions.

Checkout migration documents that contain a list of breaking changes and ways to migrate: Update from v3 to v4 Update from v2 to v3 Update from v1 to v2

deepcopy jQuery chrome flat amazon native task rangeerror qs Array.prototype.findLast view wordwrap ECMAScript 2015 terminal matches equality deep time positive getPrototypeOf includes curl Object.keys walking make dir find api ECMAScript 2017 BigUint64Array throat extension streams2 io-ts toStringTag flatten functional xdg rate intrinsic trimEnd stdlib package.json language side HyBi fastify autoscaling fast-copy cjk es6 format polyfill every loading Set a11y touch events deep-clone launch trimRight test rapid sham animation Underscore location structuredClone waapi parent form-validation length compiler characters starter async korean find-up console cloudfront spinners efficient flatMap mobile estree phone ES6 args generics input keys Int32Array defineProperty typanion es-abstract bundler waf loadbalancing accessor BigInt64Array lockfile Push protocol-buffers es2016 argv jshint sqs syntaxerror promise elb id full-width dependencies exe ES3 drag accessibility ES2022 emr packages opens simpledb Array.prototype.findLastIndex graphql gestures tty website es-shims dayjs fast-clone hash scheme-validation sort package japanese [[Prototype]]match Uint16Array progress reducer aws dom symlinks fixed-width preserve-symlinks 3d Uint32Array sequence Uint8ClampedArray Object.assign file directory nodejs emit storagegateway set lru prune sharedarraybuffer symbols ES5 querystring name ES2015 urls character ratelimit charset ArrayBuffer.prototype.slice throttle styled-components recursive cmd Object.defineProperty codes RegExp.prototype.flags Symbol Observable formatting style tester invariant Array kinesis pyyaml forms bind framework route53 performance link optimizer Rx spec concurrency serialization byte matchAll agent uninstall extend byteLength module ES2020 text descriptor shared has route slot environments ajax shrinkwrap log collection.es6 ECMAScript 2016 properties ES2018 256 query import clone prop tap process linewrap bluebird setPrototypeOf modules vars deep-copy Iterator ender mkdirs protobuf jasmine yaml weakset computed-types iam create typesafe rm buffer output value queueMicrotask dependency manager drop obj ponyfill iteration resolve regular await look-up core-js Uint8Array vpc start callbind symlink consume Object.values Int16Array offset stateless command-line beanstalk shim workflow three Map expression pnpm9 https es-shim API command convert shebang stream call-bind string mkdir dir ECMAScript 2019 editor debug typed toobject install ReactiveX app random callbound buffers check testing dotenv react-hooks css-in-js global immer CSSStyleDeclaration picomatch telephone last eslint own assertion tostringtag wordbreak utilities framer nope fs karma Array.prototype.filter es2018 immutable Promise listeners eventDispatcher config inference uuid sameValueZero reduce require ECMAScript 2020 description browserslist parse env push ava logger commander Float64Array validation limited column zero callback figlet file system scheme east-asian-width which iterator Microsoft up RxJS default toolkit call Array.prototype.flatMap censor promises path _.extend Stream colour colors pretty in WebSockets ECMAScript 2018 redux helper i18n react visual s3 .env URL ascii Int8Array jsonpath channel arguments styles TypedArray unicode property espree es5 utility deepclone argument metadata write spinner typedarrays crypto joi has-own dom-testing-library web multi-package superagent assert trimLeft tslib compare glob workspace:*move full safe l10n ES2021 es2015 Array.prototype.flatten limit URLSearchParams exec coercible @@toStringTag findup syntax globals mru Object.is typeerror WeakSet date react-testing-library jest parents getintrinsic routing patch awesomesauce debugger findLastIndex installer glacier cloudtrail xterm stringify merge opener make ebs sns real-time bound vest valid Array.prototype.includes core spawn eventEmitter YAML function.length worker toArray client jsdom names json map getOwnPropertyDescriptor ECMAScript 5 tdd Observables es StyleSheet url banner proto assign remove setter redirect asserts Array.prototype.flat private data speed flags cloudsearch ES8 RegExp#flags fastcopy readablestream settings call-bound number prototype util.inspect quote swf look typedarray serialize optimist batch diff inspect apollo arrays -0 deterministic typeof TypeScript fetch columns mkdirp typescript types Symbol.toStringTag wait mocha hookform npm ArrayBuffer redux-toolkit ECMAScript 2023 shell icu color parsing some es7 findLast node __proto__AsyncIterator electron rm -rf take react-hook-form chinese contains fast-deep-clone styling negative fps group String.prototype.matchAll symbol es2017 fast ecmascript

@dramaorg/esse-praesentium-eligendi @dramaorg/quae-dolore-nostrum @erboladaiorg/ad-exercitationem-ducimus @erboladaiorg/adipisci-repellendus-corporis @erboladaiorg/asperiores-earum-quaerat @erboladaiorg/asperiores-fuga-sint @erboladaiorg/asperiores-nam-adipisci @erboladaiorg/autem-dolores-ipsam @erboladaiorg/cum-commodi-consequatur @erboladaiorg/cupiditate-consectetur-porro @erboladaiorg/cupiditate-pariatur-optio @erboladaiorg/distinctio-tempora-quis @erboladaiorg/error-atque-ea @erboladaiorg/esse-ipsa-numquam @erboladaiorg/ex-hic-molestias @erboladaiorg/explicabo-eius-adipisci @erboladaiorg/fugiat-nobis-repellendus @erboladaiorg/laboriosam-inventore-natus @erboladaiorg/molestiae-voluptatibus-perferendis @erboladaiorg/molestias-nulla-dolor @erboladaiorg/nisi-culpa-cum @erboladaiorg/officia-illum-aperiam @erboladaiorg/perspiciatis-magni-ut @erboladaiorg/quae-in-veniam @erboladaiorg/quaerat-mollitia-adipisci @erboladaiorg/quibusdam-itaque-tempora @erboladaiorg/quod-explicabo-neque @erboladaiorg/sint-deleniti-dolorem @erboladaiorg/sit-nesciunt-amet @erboladaiorg/tenetur-architecto-dolore @erboladaiorg/ut-dignissimos-laborum @erboladaiorg/velit-fugit-harum @juigorg/nisi-molestiae-ut @juigorg/sit-nam-neque @kollorg/dicta-itaque-nemo @kollorg/nihil-veniam-deserunt @swenkerorg/modi-dolorum-provident @swenkerorg/nulla-voluptates-voluptates @zitterorg/aspernatur-pariatur-occaecati @zitterorg/eum-veritatis-placeat @zitterorg/illum-perferendis-consectetur analsorhost-simple-bs corcojs-qrcode corcojs-qrcode-logo dable-effect firan-logging simple-assi-animation simple-prompts-web3

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

11 months ago

12 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

12 months ago

1 year ago

11 months ago

12 months ago

1 year ago

12 months ago

1 year ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

1 year ago

10 months ago

1 year ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

11 months ago

12 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

12 months ago

11 months ago

12 months ago

11 months ago

12 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago