🔥 Meet Our New Project: t0ggles - Your Ultimate Project Management Tool! 🔥
Tel Input

Tel Input

Framework7 telephone number input with country code selector
Last updated on May 14, 2023
Framework7Framework7
ReactReact
VueVue
SvelteSvelte
Preview
screenshot
screenshot
screenshot
screenshot

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

Follow UI Initiative on Twitter

Terms of servicePrivacy policyRefund policyContactExtended License

All product names, logos and brands are property of their respective owners.

2023 © UI Initiative by nolimits4web

Sign In

You need to be logged in to be able to make a purchase and download catalog items.

OR