Shadcn Phone Input screenshot

Shadcn Phone Input

Author Avatar Theme by Omeralpi
Updated: 13 May 2025
738 Stars

Customizable phone input component with proper validation for any country. Built on top of shadcn.

Categories

Overview:

Shadcn Phone Input is a phone input component created as part of the Shadcn design system. It offers users a customizable and stylish input option conforming to the sleek and modern design principles of Shadcn.

Features:

  • Customization: Allows for a blend of customization to suit different design needs.
  • Out-of-the-box styling: Ready-to-use styling adhering to Shadcn’s design principles.
  • Country selection: Includes an option to select the desired country along with the phone input.

Installation:

To install the Shadcn Phone Input component, add the following code snippet to your project:

npm install shadcn-phone-input

Make sure to use version 0.2.1 of the cmdk package for compatibility.

Summary:

Shadcn Phone Input is a versatile component designed to handle phone inputs within applications. Offering customization options and out-of-the-box styling, it aligns with the sleek and modern design principles of Shadcn. With the added feature of country selection, this component provides a comprehensive solution for phone input needs in projects.