Skip to Content
πŸŽ‰ Hyperse HeroTelInput has been published.
DocumentationIntroduction

Hyperse Hero Tel Input

A modern, accessible, and feature-rich international telephone input component built with React and HeroUI. Perfect for forms that require phone number input with country selection.

πŸš€ Why Hyperse Hero Tel Input?

Modern applications require sophisticated telephone input capabilities that go beyond simple input fields. Hyperse Hero Tel Input addresses these needs with a design philosophy centered around type safety, extensibility, and performance.

✨ Features

Theme only

  • 🌍 International Support: Supports all countries with their respective calling codes
  • 🎨 HeroUI Integration: Built on top of HeroUI for consistent design and theming
  • πŸ“± Smart Formatting: Automatic phone number formatting based on country
  • πŸ” Country Search: Easy country selection with search functionality
  • 🧩 Theme Switching: Supports light and dark mode to match user preferences
  • πŸš€ TypeScript: Full TypeScript support with comprehensive type definitions
  • β™Ώ Accessible: WCAG compliant with proper ARIA attributes
  • 🎯 Form Integration: Works seamlessly with React Hook Form and other form libraries
  • πŸ”§ Customizable: Extensive customization options for flags, styling, and behavior
  • πŸ“¦ Lightweight: Minimal bundle size with tree-shaking support
Last updated on