Skip to content

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%)

@github-actions github-actions bot temporarily deployed to storybook-preview-4277 March 12, 2024 16:22 Inactive
@siddharthkp siddharthkp self-assigned this Mar 12, 2024
@siddharthkp siddharthkp requested a review from joshblack March 12, 2024 16:27
@siddharthkp siddharthkp marked this pull request as ready for review March 12, 2024 16:27
@siddharthkp siddharthkp requested a review from a team as a code owner March 12, 2024 16:27
@siddharthkp siddharthkp enabled auto-merge March 18, 2024 10:58
@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
@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