Plasma 是 Coveo 在 Coveo 云管理控制台中使用的设计系统。它提供了以 Mantine 为主题的组件库、设计标记、React 图标和文档。所有组件及其文档均可在演示页面中获取。

用途

用 Plasmantine 服务包包你的应用——它把等离子主题套用到 Mantine 之上，所以你不需要单独的 MantineProvider：

导入不变： 总是从 @coveord/plasma-mantine 导入，即使 Mantine 文档是参考来源。

每个软件包在其 README 中详细说明其安装和使用情况：

兼容性

• React — 需要 React **19。

Plasma

Plasma is Coveo’s design system used in Coveo Cloud Administration Console. It provides a Mantine-themed component library, design tokens, React icons, and documentation. All components and their documentation are available in the demo page.

Usage

npm install @coveord/plasma-mantine @mantine/core @mantine/hooks react react-dom

Wrap your application with the Plasmantine provider — it applies the Plasma theme on top of Mantine, so you don’t need a separate MantineProvider:

import {Plasmantine} from '@coveord/plasma-mantine/plasmantine';
import '@mantine/core/styles.css';

function App() {
    return {/* your app */};
}

Import invariant: always import from @coveord/plasma-mantine, even when Mantine docs were the reference source.

Each package documents its own installation and usage in its README:

Compatibility

• React — requires React 19.2 or later (react and react-dom).
• Mantine — built for Mantine 9 (@mantine/core and @mantine/hooks are required peer dependencies). Optional Mantine packages (@mantine/notifications, @mantine/dates, @mantine/form, @mantine/modals, @mantine/carousel, @mantine/code-highlight) are also on the 9.x line — install the ones you use.
• TypeScript — ships its own type declarations; no @types package needed.
• Modules — distributed as ES modules ("type": "module"); use a bundler or a Node.js version that supports ESM.

AI Coding Agents