MCPcopy
hub / github.com/radix-ui/primitives

github.com/radix-ui/primitives @main sqlite

repository ↗ · DeepWiki ↗
1,265 symbols 2,570 edges 278 files 51 documented · 4%
README

Radix Primitives Logo

Radix Primitives

An open-source UI component library for building high-quality, accessible design systems and web apps.

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.


Installation

First, install pnpm if you haven't already. Open your terminal and run:

npm install -g pnpm

Then, install the dependencies:

pnpm install

Documentation

For full documentation, visit radix-ui.com/primitives/docs.

Releases

For changelog, visit radix-ui.com/primitives/docs/overview/releases.

Contributing

Please follow our contributing guidelines.


Community

  • Discord - To get involved with the Radix community, ask questions and share tips.
  • Twitter - To receive updates, announcements, blog posts, and general Radix tips.

Thanks

Chromatic

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.


License

Licensed under the MIT License, Copyright © 2022-present WorkOS.

Extension points exported contracts — how you extend this code

MenuContentProps (Interface)
* We purposefully don't union MenuRootContent and MenuSubContent props here because * they have conflicting prop types.
packages/react/menu/src/menu.tsx
ChromaticSelectProps (Interface)
(no doc)
apps/storybook/stories/select.stories.tsx
AssertStableComposedRefOptions (Interface)
(no doc)
internal/test-utils/ref-stability.tsx
Chainable (Interface)
(no doc)
cypress/support/index.d.ts
ProgressProps (Interface)
(no doc)
packages/react/progress/src/progress.tsx
ProgressIndicatorProps (Interface)
(no doc)
packages/react/progress/src/progress.tsx
CSSProperties (Interface)
(no doc)
packages/react/primitive/src/primitive.tsx
PrimitiveForwardRefComponent (Interface)
(no doc)
packages/react/primitive/src/primitive.tsx

Core symbols most depended-on inside this repo

map
called by 191
packages/react/collection/src/ordered-dictionary.ts
composeEventHandlers
called by 158
packages/core/primitive/src/primitive.tsx
useComposedRefs
called by 79
packages/react/compose-refs/src/compose-refs.tsx
from
called by 58
packages/react/collection/src/ordered-dictionary.ts
filter
called by 48
packages/react/collection/src/ordered-dictionary.ts
pointerOver
called by 36
cypress/e2e/ContextMenu.cy.ts
pointerOver
called by 33
cypress/e2e/DropdownMenu.cy.ts
createContextScope
called by 32
packages/react/context/src/create-context.tsx

Shape

Function 834
Interface 318
Method 99
Class 14

Languages

TypeScript100%

Modules by API surface

packages/react/select/src/select.tsx44 symbols
apps/storybook/stories/select.stories.tsx41 symbols
packages/react/navigation-menu/src/navigation-menu.tsx40 symbols
packages/react/menu/src/menu.tsx38 symbols
packages/react/collection/src/ordered-dictionary.ts36 symbols
packages/react/toast/src/toast.tsx34 symbols
packages/react/slider/src/slider.tsx32 symbols
packages/react/scroll-area/src/scroll-area.tsx29 symbols
packages/react/form/src/form.tsx25 symbols
packages/react/context-menu/src/context-menu.tsx25 symbols
packages/react/menubar/src/menubar.tsx22 symbols
packages/react/tooltip/src/tooltip.tsx21 symbols

Used by 3 indexed graphs manifest dependencies, hub-wide

Dependencies from manifests, versioned

@changesets/cli2.31.0 · 1×
@floating-ui/react-dom2.0.0 · 1×
@radix-ui/colors3.0.0 · 1×
@radix-ui/numberworkspace:* · 1×
@radix-ui/primitiveworkspace:* · 1×
@radix-ui/react-accessible-iconworkspace:* · 1×
@radix-ui/react-accordionworkspace:* · 1×
@radix-ui/react-alert-dialogworkspace:* · 1×
@radix-ui/react-arrowworkspace:* · 1×
@radix-ui/react-aspect-ratioworkspace:* · 1×
@radix-ui/react-avatarworkspace:* · 1×

For agents

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

⬇ download graph artifact