Search Themes

Search for themes and categories

omeralpi's avatar

Shadcn Phone Input

by omeralpi

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

738
Jun 1, 2024
open-source
Shadcn Phone Input screenshot

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.