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

Add a spinner while loading #16

Open
Wulfheart opened this issue May 8, 2020 · 3 comments
Open

Add a spinner while loading #16

Wulfheart opened this issue May 8, 2020 · 3 comments
Labels
enhancement New feature or request

Comments

@Wulfheart
Copy link
Contributor

A visual clue would be helpful while livewire is doing something in the background.

I recommend the tailwind spinner plugin for this purpose.
I'd be willed to create a PR if any of the maintainers (I assume @imliam and @danharrin) approve the usage of an additional tailwind plugin.

@danharrin
Copy link
Member

Hey, I'd rather reduce the number of unofficial dependencies really? I reckon we could get away with a loading class on the buttons -

wire:loading.class="opacity-75 cursor-wait"

This works a treat normally.

@Wulfheart
Copy link
Contributor Author

@danharrin Ok. Will make it. 😎

@ryangjchandler ryangjchandler added the enhancement New feature or request label May 8, 2020
@stefanfisk
Copy link

Since Tailwind now supports animations, this could be implemented without adding a dependency: https://tailwindcss.com/docs/animation#spin.

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

Successfully merging a pull request may close this issue.

4 participants