Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ieedan/shadcn-phone-input-svelte
A Svelte port of shadcn-phone-input.
https://github.com/ieedan/shadcn-phone-input-svelte
phone-number shadcn-svelte
Last synced: 8 days ago
JSON representation
A Svelte port of shadcn-phone-input.
- Host: GitHub
- URL: https://github.com/ieedan/shadcn-phone-input-svelte
- Owner: ieedan
- License: mit
- Created: 2024-08-10T20:48:46.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-01T19:19:44.000Z (14 days ago)
- Last Synced: 2024-11-01T19:20:13.738Z (14 days ago)
- Topics: phone-number, shadcn-svelte
- Language: Svelte
- Homepage: https://shadcn-phone-input-svelte.vercel.app/
- Size: 275 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# shadcn-phone-input-svelte
A Svelte port of [shadcn-phone-input](https://github.com/omeralpi/shadcn-phone-input).
## Setup
### Install shadcn-svelte via CLI
Run the `shadcn-svelte` init command to setup your project:
```bash
npx shadcn-svelte@next init
```
### Install necessary components
Run the `shadcn-svelte` add command to add the necessary components to your project:
```bash
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
```
### Install Svelte Tel Input
```bash
npm install svelte-tel-input
```
### Copy the code
You can find the most recent code [here](https://github.com/ieedan/shadcn-phone-input-svelte/tree/main/src/lib/components/ui/phone-input).
## Credits
Huge thanks to the creators of [svelte-tel-input](https://github.com/gyurielf/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:
```bash
npx changy add
# or
npm run changelog:new
```