Plasma - это система проектирования Coveo, используемая в консоли управления облаком Coveo. Он предоставляет библиотеку компонентов на тему Мантина, дизайнерские жетоны, иконки React и документацию. Все компоненты и их документация доступны на демо-странице.

Использование

Заверните свое приложение с поставщиком Plasmantine — он применяет тему плазмы поверх Мантина, поэтому вам не нужно отдельное MantineProvider:

Импортный инвариант: ** всегда импортируется из @coveord/plasma-mantine, даже когда исходным источником были мантинские документы.

Каждый пакет документирует свою собственную установку и использование в README:

| Пакет | Цель

| @coveord/plasma-mantine | Библиотека компонентов на тему мантина (основной пакет) | | @coveord/plasma-tokens | Токены дизайна (цвета, типографика, интервалы, иконки, …) | @coveord/plasma-react-icons | Плазменная иконография как компоненты React | @coveord/plasma-llms | Документация по компонентам, благоприятным для LLM @coveord/plasma-mcp-server | 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