search

gyurielf / svelte-tel-input

Svelte Tel Input
https://svelte-tel-input.vercel.app/
MIT License
97 stars 11 forks source link

example with flags, but without tailwind #167

Open nosovk opened 1 year ago

nosovk commented 1 year ago

Thanks for amazing example! But actually tailwind is a bit overkill for me. I make a small demo https://github.com/nosovk/KBC-webcomponents where I pack svelte-tel-input in a web component to allow embedding on landings etc. But unfortunately I wasn't able to correctly separate it from Tailwind. In my case click on element in dropdown stopped working, because of wrong css layering is wrong and elements overlapped. Have you some example of usage with flags, but without tailwind probably?

gyurielf commented 1 year ago

Hello there! Your welcome.

I'm on holiday right now. I can take a look on sunday or monday. Shouldn't be too complicated.

billllllllllly commented 1 year ago

Hello! I have some questions about the use of your example, can I ask for help with the example of use with flags only?

gyurielf commented 1 year ago

Thanks for amazing example! But actually tailwind is a bit overkill for me. I make a small demo https://github.com/nosovk/KBC-webcomponents where I pack svelte-tel-input in a web component to allow embedding on landings etc. But unfortunately I wasn't able to correctly separate it from Tailwind. In my case click on element in dropdown stopped working, because of wrong css layering is wrong and elements overlapped. Have you some example of usage with flags, but without tailwind probably?

It's not done yet, but this is the way: https://stackblitz.com/edit/svelte-tel-input-regular-css?file=src%2Flib%2Fcomponents%2FAdvancedTelInput.svelte

gyurielf commented 1 year ago

Hello! I have some questions about the use of your example, can I ask for help with the example of use with flags only?

Sure!

nosovk commented 1 year ago

I've removed unused classes from the example, the result is here. It would be nice to add tailwind free example to readme.

gyurielf commented 1 year ago

I'll make some soon. I migrated the project into the monorepo which is solves the problem of the example creation. https://github.com/gyurielf/mono-sti

Technically it's done, I just polishing.

alexmozaidze commented 1 year ago

It would be nice to also have a flag example with UTF-8 flags.

gyurielf commented 1 year ago

There is a PR on the way where you can choose what do you want to use. Once more: Everybody can implement his own ideas, svelte-tel-input has only need a country iso2 alpha.