Tel Input

Tel Input is a ready to use and configurable Framework7 component with telephone number input and country code selector.

Tel Input available as a component for Framework7 Core, Vue, React & Svelte versions.

Features

• Ready to use drop-in component for existing Framework7 apps
• Input dynamically displays flag image of selected country code
• Clicking on flag image opens dropdown with countries selector and country search
• Flags images created with Twemoji to look identical on all browsers & platforms
• Reuses Framework7 components to perfectly match the design
• Supports iOS, and MD (Material Design) themes

Package

In the package you will find:

• fully functional demo project created with Framework7 CLI (with Vite), with Framework7 Core version
• Tel Input source component files:
  • styles
  • Core component (as JSX Router Component)
  • React component
  • Vue component
  • Svelte component
• instructions on how to install and setup Tel Input in existing Framework7 project