feat(button): add subtle active pressed state (scale + brightness) #8963
+1
−1
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Adds a subtle
:active(pressed) state to the sharedButtoncomponent to improve click/tap feedback. The effect is a slight scale down (0.98) plus a tiny brightness reduction. Reduced-motion users are respected.Why
Improves perceived responsiveness, especially on mobile/touch devices, and aligns the component with common UX patterns.
Implementation
active:scale-[0.98] active:brightness-95 motion-reduce:active:scale-100to the button base class inButtoncomponent.Testing checklist
Reduce Motionand verify there is no scale animation.Notes
If maintainers prefer variant-specific styling instead of a global default, I can adjust in a follow-up.