UX: Create input loading spinner #91
Comments
|
duplicate, closing and moving forward with other ticket |
github-project-automation
bot
moved this from To Do
to Done
in Gridiron Survivor Sprint Board
|
I've begun working on this, view my branch. The spinner is working as expected, I just need to figure out how to make it's container the same size as what it is being nested in. |
2 tasks
2 tasks
ryandotfurrer
moved this from In Review
to In Progress
in Gridiron Survivor Sprint Board
ryandotfurrer
moved this from In Progress
to In Review
in Gridiron Survivor Sprint Board
ryandotfurrer
moved this from In Review
to In Progress
in Gridiron Survivor Sprint Board
ryandotfurrer
moved this from In Progress
to In Review
in Gridiron Survivor Sprint Board
shashilo
added a commit
that referenced
this issue
Sep 20, 2024
https://github.com/user-attachments/assets/0577e7e5-846f-4b11-b139-f9ac67ad5109 I created the `LoadingSpinner` component which is designed to be used in buttons when sending data to the database. It has a `min-width/max-width` and `min-height/max-height` equal to tailwind's `w-7/w-9` and `h-7/h-9` so it fits within the smallest and largest size variants of the `Button` component. - [X] When a user clicks a submit button, the text should be replaced by a spinner - [X] When a user clicks a submit button, the button should be disabled from being clicked again Closes #91
github-project-automation
bot
moved this from In Review
to Done
in Gridiron Survivor Sprint Board
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://react.fluentui.dev/?path=/docs/components-spinner--default#appearance
Shadcn doesn't have a spinner component. We need to create a simple one.
Acceptance Criteria:
The text was updated successfully, but these errors were encountered: