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

feat(button-area): create button area component #326

Merged
merged 13 commits into from
Oct 12, 2023
Merged

Conversation

samrichardsontylertech
Copy link
Contributor

PR Checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added/updated: N
  • Docs have been added/updated: N
  • Does this PR introduce a breaking change? N
  • I have linked any related GitHub issues to be closed when this PR is merged? N/A

Describe the new behavior?

This introduces a new button area component that listens for clicks while using a visually hidden button element to accessibly enable complex and interactive nested content in clickable areas.

@samrichardsontylertech samrichardsontylertech added the enhancement New feature or request label Jun 14, 2023
@samrichardsontylertech samrichardsontylertech requested a review from a team as a code owner June 14, 2023 15:49
@stackblitz
Copy link

stackblitz bot commented Jun 14, 2023

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions github-actions bot added the minor Increment the minor version when merged label Jun 14, 2023
Copy link
Collaborator

@DRiFTy17 DRiFTy17 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is looking great so far! A few very minor comments below.

One other thing I noticed was that when clicking on the icon-button within the button-area, it also triggered the ripple animation on the button area as well. We will probably want to avoid that?

Also, for demo purposes when it comes time for docs maybe we could use this in an expansion panel with the accessibility attributes hooked up to come full circle on that pattern?

src/lib/index.ts Outdated Show resolved Hide resolved
src/lib/button-area/button-area.ts Show resolved Hide resolved
src/lib/button-area/button-area-foundation.ts Outdated Show resolved Hide resolved
src/dev/pages/button-area/button-area.ejs Outdated Show resolved Hide resolved
src/lib/button-area/button-area-adapter.ts Outdated Show resolved Hide resolved
src/lib/index.ts Outdated Show resolved Hide resolved
src/dev/pages/button-area/button-area.ejs Show resolved Hide resolved
@DRiFTy17 DRiFTy17 merged commit da615b4 into main Oct 12, 2023
@DRiFTy17 DRiFTy17 deleted the feat/button-area branch October 12, 2023 14:55
@github-actions github-actions bot added the released This issue/pull request has been released. label Oct 12, 2023
@github-actions
Copy link
Contributor

🚀 PR was released in v3.0.0-next.12 🚀

@github-actions github-actions bot added the prerelease This change relates to a prerelease. label Oct 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request minor Increment the minor version when merged prerelease This change relates to a prerelease. released This issue/pull request has been released.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants