0.2.0 • Published 3 years ago

@talixo/phone-input v0.2.0

Weekly downloads
15
License
MIT
Repository
github
Last release
3 years ago

Talixo PhoneInput

UI component which represents input to provided phone number

How to install

Package is available as @talixo/phone-input in NPM registry, so you can use it in your project using npm install @talixo/phone-input --save or yarn add @talixo/phone-input.

Requirements

Your package should additionally have some extra dependencies:

  • @talixo/combo-box: ^0.1.0
  • @talixo/country-flag: ^0.1.0
  • @talixo/shared: ^0.1.0
  • country-telephone-data: ^0.5.5
  • prop-types: ^15.6.1
  • react: ^16.2.0
  • react-dom: ^16.2.0
  • react-text-mask: 5.4.1

These packages are required by @talixo/phone-input, but you have to install them manually, to avoid having different versions of these in your application.

Supported props

This component allows any properties which can be added to div element. Additionally, handles some differently:

Property nameTypeDefaultDescription
classNamestringn/aadditional class name passed to wrapper
errorbooleanfalseindicates that input has error
valuestringself-controlledphone number to show
placeholderstringn/aplaceholder to show when there is no value
onChangefunctionn/aevent handler for changed value
onFocusfunctionn/aevent handler fired when input has been focused
onBlurfunctionn/aevent handler fired when input lost focus

Changelog

  • 0.2.0 - add mask for country prefix
  • 0.1.0 - initial version
1.0.0-alpha.35

3 years ago

1.0.0-alpha.31

3 years ago

1.0.0-alpha.30

3 years ago

1.0.0-alpha.27

3 years ago

1.0.0-alpha.24

3 years ago

1.0.0-alpha.21

3 years ago

1.0.0-alpha.20

3 years ago

1.0.0-alpha.19

3 years ago

1.0.0-alpha.17

3 years ago

1.0.0-alpha.16

3 years ago

1.0.0-alpha.12

4 years ago

1.0.0-alpha.7

4 years ago

1.0.0-alpha.6

4 years ago

1.0.0-alpha.5

4 years ago

1.0.0-alpha.4

4 years ago

1.0.0-alpha.2

4 years ago

0.2.0

4 years ago

0.1.0

4 years ago