(MOVED) See shadcn-svelte-extras

This component is now maintained in shadcn-svelte-extras see there for the latest updates.

shadcn-phone-input-svelte

A Svelte port of shadcn-phone-input.

Setup

Install shadcn-svelte via CLI

Run the shadcn-svelte init command to setup your project:

npx shadcn-svelte@next init

Install necessary components

Run the shadcn-svelte add command to add the necessary components to your project:

npx shadcn-svelte@next add button
npx shadcn-svelte@next add command
npx shadcn-svelte@next add popover
npx shadcn-svelte@next add scroll-area

Automatic

npx jsrepo add github/ieedan/shadcn-phone-input-svelte/ui/phone-input

or

Manual

Install Svelte Tel Input

npm install svelte-tel-input

Copy the code

You can find the most recent code here.

Credits

Huge thanks to the creators of svelte-tel-input for making this possible.

Contributing

Contributions as always are welcomed.

Changelog

When contributing you'll want to add any changes you make to the changelog you can do this by running:

npx changy add
# or
npm run changelog:new