Tel Input
Framework7 telephone number input with country code selector
Last updated on May 14, 2023
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