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 HTMX loading styles and related documentation in styleguide #35419

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

biyeun
Copy link
Member

@biyeun biyeun commented Nov 21, 2024

Technical Summary

This PR adds new styles for HTMX loading states of:

  • buttons
  • checkboxes
  • forms and their submit button

Documentation has been added to the HTMX and Alpine styleguide page which demos those common examples, and points out hx-indicator and hx-disabled-elt attributes to help with creating good loading states for the user.

Screenshot 2024-11-21 at 10 35 22 PM
Screenshot 2024-11-21 at 10 35 49 PM
Screenshot 2024-11-21 at 10 35 38 PM
Screenshot 2024-11-21 at 10 35 29 PM

Safety Assurance

Safety story

Change to docs and to styling. very safe change

Automated test coverage

no

QA Plan

Not needed

Rollback instructions

  • This PR can be reverted after deploy with no further considerations

Labels & Review

  • Risk label is set correctly
  • The set of people pinged as reviewers is appropriate for the level of risk of the change

@biyeun biyeun added the product/invisible Change has no end-user visible impact label Nov 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
product/invisible Change has no end-user visible impact
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant