More Premium Hugo Themes Premium React Themes

Shadcn Phone Input

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

Shadcn Phone Input

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

Author Avatar Theme by omeralpi
Github Stars Github Stars: 738
Last Commit Last Commit: May 13, 2025 -
First Commit Created: Jun 1, 2024 -
default image

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.