プラズマはCoveoクラウド管理コンソールで使用されるCoveoの設計システムです。 Mantine-themedコンポーネントライブラリ、設計トークン、React アイコン、およびドキュメントを提供します。 すべてのコンポーネントとドキュメントはデモページで利用できます。

使用法

Plasmantineプロバイダでアプリケーションをラップ — マンチンの上部にあるプラズマテーマが適用されますので、別の[[T1]を必要としません。

**Mantine docsが参照元であった場合でも、必ず@coveord/plasma-mantineからインポートします。

各パッケージは、独自のインストールとREADMEでの使用を文書化します。

| パッケージ | 目的 | | ---------------------------------------------------------------------------------------------------------------------------------------------------- | | [@coveord/plasma-mantine | マンチンテーマのコンポーネントライブラリ | | [@coveord/plasma-tokens | デザイントークン(色、タイポグラフィ、間隔、アイコン、…) | | [@coveord/plasma-react-icons | プラズマアイコグラフィーを反応コンポーネントとして | | [@coveord/plasma-llms | LLM対応部品ドキュメント | | [@coveord/plasma-mcp-server | プラズマドキュメントをAIエージェントに公開するMCPサーバー |

互換性

• 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