react
react copied to clipboard
primer
An implementation of GitHub's Primer Design System using React
Relates to https://github.com/github/primer/issues/2681 https://github.com/primer/react/assets/2313998/2d15f422-1e1f-428e-b6ac-99e30ef4328b ### Changelog #### New - `ActionList.item` accepts `loading` prop #### Changed #### Removed ### Rollout strategy - [ ] Patch release - [x] Minor release -...
Relates to https://github.com/github/primer/issues/2682 https://github.com/primer/react/assets/2313998/854b82e1-8c52-48e1-a2ab-a95911df12cf ### Changelog #### New Adds the following components: - `SkeletonBone` - general-use skeleton loading component - `SkeletonAvatar` - used to replace avatars with a skeleton loading...
Describe your changes here. Closes # (type the issue number after # if applicable; otherwise remove this line) ### Screenshots Please provide before/after screenshots for any visual changes ### Merge...
### Description [](https://github.com/primer/react/blob/main/src/ActionList/Item.tsx) does not properly handle keyboard selection events when a modifier key is used. Currently `` registers a handler for the [`onKeyPress` event](https://github.com/primer/react/blob/691adc6ff5593f3e7e847c42bffc8bdb29d7bfab/src/ActionList/Item.tsx#L252). `keypress` events are fired when...
## Overview This is a proof of concept for a `live-region` custom element that is used in coordination with our components to provide accessible announcements in live regions. **tl;dr** We'd...
- Closes https://github.com/primer/react/issues/3331 #### Problem When using ``, we need to figure out which responsive value to use (regular, narrow or wide) The hook `useResponsiveValue` we use renders the default...
### Description Filing high contrast issues encountered https://github.com/github/copilot-core-productivity/issues/845 Verified that these repro on primer.style Disabled action items do not meet text contrast standards on a normal background.  TextInput border...
### Description I started the prime setup as described in [getting started](https://primer.style/guides/react) in the documentation, but the warning below is returned, in the browser console  I noticed that...
- initial button render - fix styles Closes # ### Changelog #### New #### Changed #### Removed ### Rollout strategy - [ ] Patch release - [ ] Minor release...
As a part of addressing accessibility sign-off review comments https://github.com/github/primer/issues/1115#issuecomment-1499501472, this PR updates the stories to ensure the order of the elements are the following; 1. `PageHeader.Title` 2. `ContextArea` (all...