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

SelectPanel2: Responsive variants #4277

Merged
merged 12 commits into from
Mar 19, 2024
Merged

Conversation

siddharthkp
Copy link
Member

@siddharthkp siddharthkp commented Feb 15, 2024

- variant?: 'anchored' | 'modal'
+ variant?: 'anchored' | 'modal' | ResponsiveValue<'anchored' | 'modal', 'full-screen' | 'bottom-sheet'>

which let's you do things like

<SelectPanel variant={{ narrow: 'bottom-sheet', regular: 'modal' }}>

 

Play around with it on storybook or watch this video:

selectpanel-responsive.mov

Copy link

changeset-bot bot commented Feb 15, 2024

🦋 Changeset detected

Latest commit: 4fba95a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

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

@github-actions github-actions bot temporarily deployed to storybook-preview-4277 February 15, 2024 16:05 Inactive
@siddharthkp siddharthkp added bug Something isn't working 💓collab a vibrant hub of collaboration and removed bug Something isn't working 💓collab a vibrant hub of collaboration labels Feb 27, 2024
Copy link
Contributor

github-actions bot commented Mar 4, 2024

size-limit report 📦

Path Size
packages/react/dist/browser.esm.js 87.51 KB (0%)
packages/react/dist/browser.umd.js 87.74 KB (0%)

@siddharthkp siddharthkp added this pull request to the merge queue Mar 18, 2024
@joshblack joshblack removed this pull request from the merge queue due to a manual request Mar 18, 2024
@siddharthkp siddharthkp added this pull request to the merge queue Mar 19, 2024
Merged via the queue into main with commit 69915d9 Mar 19, 2024
28 of 29 checks passed
@siddharthkp siddharthkp deleted the drafts-selectpanel-fullscreen branch March 19, 2024 09:53
@primer primer bot mentioned this pull request Mar 19, 2024
@siddharthkp siddharthkp changed the title SelectPanel2: Responsive variants experimental/SelectPanel2: Responsive variants Mar 19, 2024
@siddharthkp siddharthkp changed the title experimental/SelectPanel2: Responsive variants experimental/SelectPanel: Responsive variants Mar 19, 2024
@siddharthkp siddharthkp changed the title experimental/SelectPanel: Responsive variants SelectPanel2: Responsive variants Mar 19, 2024
@kitze
Copy link

kitze commented Apr 3, 2024

@siddharthkp di.. did you just resize your browser aaaa

lukasoppermann pushed a commit that referenced this pull request Apr 16, 2024
* cleanup: outdated comment

* full screen based on media query

* automated responsive button size

* use ResponsiveVariants

* add responsive story

* add bottom-sheet styles

* Create proud-ears-travel.md

* add matchMedia mock to test-helpers

* Revert "add matchMedia mock to test-helpers"

This reverts commit d71e0f6.

* mock matchMedia for SelectPanel test
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants