Tel Input

Tel Input

Framework7 telephone number input with country code selector
Last updated on Apr 22, 2022
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, MD (Material Design) and Aurora 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

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

Follow UI Initiative on Twitter

2022 © UI Initiative by nolimits4web

Sign In

In order to be able to download catalog items, you need to connect your Patreon account so we can verify you are an active patron of the required Patreon projects