Plasma는 Coveo Cloud Administration Console에서 사용되는 Coveo의 설계 시스템입니다. Mantine 테마 구성 요소 라이브러리, 디자인 토큰, React 아이콘 및 문서를 제공합니다. 모든 구성 요소와 문서는 데모 페이지에서 사용할 수 있습니다.

사용법

Plasmantine 제공 업체와 함께 응용 프로그램을 랩 - 그것은 Mantine의 상단에 플라즈마 테마를 적용, 그래서 당신은 별도의 필요 MantineProvider:

Import invariant: 항상 @coveord/plasma-mantine]에서 가져올 수 있습니다.

각 패키지 문서 자체 설치 및 사용량은 다음과 같습니다.

호환성

• 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