Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

example with flags, but without tailwind #167

Open
nosovk opened this issue Jun 30, 2023 · 8 comments
Open

example with flags, but without tailwind #167

nosovk opened this issue Jun 30, 2023 · 8 comments
Assignees
Labels
enhancement New feature or request

Comments

@nosovk
Copy link

nosovk commented Jun 30, 2023

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
Copy link
Owner

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
Copy link

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
Copy link
Owner

gyurielf commented Jul 5, 2023

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
Copy link
Owner

gyurielf commented Jul 5, 2023

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
Copy link
Author

nosovk commented Jul 8, 2023

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

@gyurielf
Copy link
Owner

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.

@gyurielf gyurielf self-assigned this Jul 17, 2023
@gyurielf gyurielf added the enhancement New feature or request label Jul 17, 2023
@alexmozaidze
Copy link

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

@gyurielf
Copy link
Owner

gyurielf commented Oct 1, 2023

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

4 participants