MCPcopy
hub / github.com/primer/react

github.com/primer/react @v36.14.0 sqlite

repository ↗ · DeepWiki ↗ · release v36.14.0 ↗
1,759 symbols 4,419 edges 852 files 19 documented · 1%
README

Primer logo

Primer React

A React implementation of GitHub's Primer Design System

npm package contributors graph last commit license

Documentation

Our documentation site lives at primer.style/react. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.

Installation

Install @primer/react in your project with your package manager of choice:

npm install @primer/react

yarn add @primer/react

Template

The fastest way make a prototype or try Primer React without setting up a new project is by using our react template.

Roadmap

You can track our roadmap progress in the Roadmap Project Board, see more detail in the quarterly planning Discussions, and find a list of all the current epic tracking issues.

Contributing

We love collaborating with folks inside and outside of GitHub and welcome contributions!

👉 See the contributing docs for more info on code style, testing, coverage, and troubleshooting.

New Component Proposals

We welcome and encourage new component proposals from internal GitHub teams! Our best work comes from collaborating directly with the teams using Primer React Components in their projects. If you'd like to kick off a new component proposal, please submit an issue using the component proposal issue template and we will get in touch!

Extension points exported contracts — how you extend this code

SxProp (Interface)
(no doc)
packages/react/src/sx.ts
Matchers (Interface)
(no doc)
e2e/global.d.ts
Options (Interface)
(no doc)
e2e/test-helpers/storybook.ts
Props (Interface)
(no doc)
packages/react/src/_VisuallyHidden.tsx
SystemCommonProps (Interface)
(no doc)
packages/react/src/constants.ts
SystemTypographyProps (Interface)
(no doc)
packages/react/src/constants.ts
SystemBorderProps (Interface)
(no doc)
packages/react/src/constants.ts

Core symbols most depended-on inside this repo

visit
called by 632
e2e/test-helpers/storybook.ts
get
called by 539
packages/react/src/constants.ts
render
called by 531
packages/react/src/utils/testing.tsx
toHaveNoViolations
called by 378
e2e/global.d.ts
behavesAsComponent
called by 75
packages/react/src/utils/testing.tsx
uppercase
called by 60
packages/react/src/DataTable/DataTable.features.stories.tsx
checkExports
called by 56
packages/react/src/utils/testing.tsx
useId
called by 32
packages/react/src/hooks/useId.ts

Shape

Function 1,677
Interface 68
Method 12
Class 2

Languages

TypeScript100%

Modules by API surface

packages/react/src/drafts/SelectPanel2/SelectPanel.examples.stories.tsx34 symbols
packages/react/src/ActionList/ActionList.features.stories.tsx31 symbols
packages/react/src/drafts/MarkdownEditor/MarkdownEditor.test.tsx26 symbols
packages/react/src/__tests__/exports.test.ts24 symbols
packages/react/src/DataTable/DataTable.features.stories.tsx24 symbols
packages/react/src/utils/testing.tsx23 symbols
packages/react/src/Token/__tests__/Token.types.test.tsx21 symbols
packages/react/src/TreeView/TreeView.features.stories.tsx20 symbols
packages/react/src/Autocomplete/Autocomplete.features.stories.tsx20 symbols
packages/react/src/drafts/SelectPanel2/SelectPanel.tsx19 symbols
packages/react/src/drafts/SelectPanel2/SelectPanel.features.stories.tsx16 symbols
packages/react/src/DataTable/useTable.ts16 symbols

Dependencies from manifests, versioned

@actions/core1.10.1 · 1×
@babel/cli7.23.9 · 1×
@babel/core7.23.7 · 1×
@babel/eslint-parser7.23.3 · 1×
@babel/parser7.23.6 · 1×
@babel/plugin-proposal-nullish-coalescing-operator7.18.6 · 1×
@babel/plugin-proposal-optional-chaining7.21.0 · 1×
@babel/plugin-transform-modules-commonjs7.23.3 · 1×
@babel/preset-react7.23.3 · 1×
@babel/preset-typescript7.24.1 · 1×
@changesets/changelog-github0.4.8 · 1×
@changesets/cli2.27.1 · 1×

For agents

$ claude mcp add react \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact