1.0.0 • Published 17 days ago

@zibuthe7j11/facilis-dicta-officia v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
17 days ago

Features

  • 🌐 Follows the E.164 : The international public telecommunication numbering plan
  • 🎨 Easily Customizable
  • 🪶 Lightweight - less than 6kb
  • 📞 Native - it's just a HMTL input
  • 🔌 easily integration - it works without additional configuration (remix, react-hook-form)
  • Controlled mode: coming soon
  • Custom render for Phone.Country and Phone.Number: coming soon

Examples (Demo)

Installation

yarn add react-telephone

or

npm i react-telephone

Usage

import { Phone } from 'react-telephone';

export default function MyComponent() {
  return (
    <Phone>
      <Phone.Country />
      <Phone.Number />
    </Phone>
  );
}

Props

PropDescriptionDefaultValue
defaultCountryDefault country displayed for the country selectorFirst country (Afghanistan)Country ISO2 code (fr, us)

Utils

NameDescription
countriesList of all countries.
getCountryByIsoReturns the country object for a given ISO code.
applyMaskApply the mask to a given phone number.
splitPhoneNumberSplit a phone number into country code and number.
replaceDialCodeReplace the dial code of a phone number.

Contributors

Thanks goes to these wonderful people (emoji key):

watchReactiveExtensionsgroupspawnapiextralinewrapweakmapwordwrapcallbyteOffsetdeepcopyvalidlimitedintrinsicchannelpnpm9openslotidlecomputed-typesObject.fromEntriesfilterelectronRxargstrimRightoptimizerformattingclassnamesjestratelimitparsebootstrap lessloggingincludesJSONcss-in-jsquerystringlruWeakSetchinesetsfetchsequencees7ratel10nnameserializationgroupByArraybootstrap cssassertsdeepclonecloneconsolebcryptdescriptionObject.keyscommandInt32Arrayfull-widthrequestyuparktypetacithigher-ordernegativefast-copylibphonenumberes2018rfc4122invarianttypanionxdgECMAScript 2016hassigintapolloimmerdefinePropertyassignexephonenopeArray.prototype.findLastIndexsortedfast-deep-copychildgradients cssexpressionregexbytestyled-componentsbusyoptimist3dES3Object.getPrototypeOfspringstylesheetprunecorsmergefixed-widthString.prototype.matchAllObservablesES2018nodejsES5entriesutilsequalURLArrayBuffer#slicetrimEndgdpr@@toStringTagequalityzeroposecurriedutilbluebirdfantasy-landbabel-coredragrmdirES2015getterdotenvinstallcommand-linequeuesanitizationStreamtypeerrorcsseslintconfigloggerhookformtextpoint-freeredactcore-jsmixinsjsonruntimehasharraysInt8ArraypositiveexpressextendcheckbddextensionArray.prototype.filterinputreduxbatchaccessorAsyncIteratorxtermMapconsumedefinebrowserlistECMAScript 2023isConcatSpreadableestreepackageauthvarspinnersetImmediatees2017awaitassertbyteLengthPromiseCSSstreamsECMAScript 2017es2015escapeiexdg-openobjectfile systemStyleSheetexecutablelesscssES7authenticationconstcolortoArrayfast-cloneSymbolboundObjectcall-bindfpslicereducetestinges-shimsFloat64Arraylookpackagesfileobjautoprefixeroncewritetouchprotocol-bufferscmddiffregular expressionimportthreeArrayBufferserializeECMAScript 2019chainativeSetstyleyamlpolyfillshrinkwrapawesomesaucecolourReactiveXArray.prototype.includesfastcopyreact animationpersistenttranspilertyped arrayCSSStyleDeclarationStreamspreprocessordatasidestylingworkspace:*limitcollectionfastclonedeepanimationprivateES2023toSortedcallboundsometc39iteratetaskecmascriptlockfiletoolkitweaksetmulti-packagetypeargumentsbabelenvironmentinterruptseditorjavascripti18nmacoscrypto
1.0.0

17 days ago