react
react copied to clipboard
An implementation of GitHub's Primer Design System using React
Starting in `typescript@>4.5`, we receive type errors in the following files: - `src/AvatarPair.tsx` - `src/deprecated/ChoiceInputField.tsx` - `src/deprecated/InputField/InputField.tsx` - `src/FormControl/FormControl.tsx` Error message ``` src/AvatarPair.tsx:20:34 - error TS2769: No overload matches this...
**Describe the bug** We use `` in a couple of places on docs.github.com and they get the wrong theme applied to them. In this screenshot you can see it twice....
Steps to reproduce: 1. Open an ActionMenu with click (not keyboard). Focus will stay on the anchor. 2. Press ArrowDown to move focus from anchor to first item This also...
**Describe the bug** This is a similar problem to #2238. When I try to use the latest @primer/react in the Next.js app, I get the following error: ``` > next...
Closes https://github.com/github/primer/issues/1211 This PR updates the `useStickyPaneHeight` hook in `PageLayout` to use `dvh` for values, if it's supported on the user's device. **Note:** this property seems to have a regression...
### Description It looks like there are conflicting styles on ActionList.Items when using the danger variant. There are two that have the same specificity that change the color of the...
Sync https://github.com/primer/react/releases/tag/%40primer%2Freact%4036.9.0 with changelog.md We don't usually do this manually, only this one time when the tooling got confused.
### This Work Closes https://github.com/github/primer/issues/3043 Adds a new TabPanels component to mirror the Primer View Component TabPanels. We will need to retrospectively go back and update PVC to use the...
- Closes https://github.com/github/primer/issues/3061 - Demo: https://primer-0f789cb9c7-13348165.drafts.github.io/storybook/?path=/story/drafts-components-selectpanel-examples--nested-selection - Integration tests with dotcom: https://github.com/github/github/pull/313651
The [`Spinner`](https://primer.style/react/Spinner) component is, at first glance, a convenient way to render a loading state: ```tsx {isLoading ? : content} ``` This appears straightforward, but in reality this is a...