-
Notifications
You must be signed in to change notification settings - Fork 538
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
Action Bar - Experimental component #4233
Conversation
🦋 Changeset detectedLatest commit: a1f5ca6 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
72985bc
to
f204151
Compare
size-limit report 📦
|
How are you assessing for accessibility for this component? |
1b661ee
to
33e189f
Compare
@JoseInTheArena - My first tests will be to use VoiceOver and makes sure the announcements are coherent. Along with that I also test keyboard accessibility and support for 200% zoom. After this I will ask accessibility team for help with further review by applying to attend office hours. |
a0c365c
to
13f854c
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good for the initial version!
Let's merge this and continue to work on it with tiny PRs 🎉
b6d4e90
to
fcf07a8
Compare
* Add new Actionbar component * Add size context to ActionBar * Add parent styles * Get the overflow somewhat working * Fix calculations * Show More button appropriately * Enhance overflow behaviour and add proper menu items * Remove selection variant * Add comment box story as example * Add logic to show divider * Add docs * Fix builds * Switch to drafts * Remove stories from docs for now * Update snapshots for exports * Create old-peas-cross.md
Create a new experimental component called
ActionBar
which is a horizontal list of icon buttons to be used in the Comment Editor.Here's a demo of the storybook complete with overflow behaviour
Screen.Recording.2024-02-20.at.11.27.43.pm.mov
Closes #https://github.com/github/primer/issues/3020
Changelog
New
In this PR
ActionBar
identical to functionality of its rails counterpart.Rollout strategy
This PR does not need a changeset since it only introduces a draft or experimental component.
Testing & Reviewing
Please test using the storybook deployment
Merge checklist