@ coveord/ plasma- mantine (法语)

图书馆的主要组成部分 等离子体设计系统 - 科维奥风味 曼汀语Name 有自定义组件的主题。 它再出口每个被应用了Coveo主题的Mantine组件,外加Plasma特定组件和子组件.

导入变量 : 总是从 @coveord/plasma-mantine,从不直接来自 @mantine/*即使曼汀自己的文件是参考来源.

安装

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

@mantine/core, (中文(简体) ), @mantine/hooks, (中文(简体) ), react,以及 react-dom 是同伴的依赖关系。 安装您使用的 Maintine 附加对等器 -- @mantine/notifications, (中文(简体) ), @mantine/dates, (中文(简体) ), @mantine/form, (中文(简体) ), @mantine/modals, (中文(简体) ), @mantine/carousel, (中文(简体) ), @mantine/code-highlight - 视需要而定。 见 兼容性 用于支持的版本.

该包提供了自己的TypeScript声明文件.

使用量

用 Plasmantine 供养. 它应用了 Plasma 主题和 CSS 变量在 Maintine 上方 MantineProvider,所以你不需要添加一个单独的 MantineProvider。 。 。 .

import {Plasmantine} from '@coveord/plasma-mantine/plasmantine';
import '@mantine/core/styles.css';
// Import the styles for any optional Mantine packages you use, e.g.:
import '@mantine/notifications/styles.css';

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

然后使Plasma组件在提供者的任何地方:

import {Button} from '@coveord/plasma-mantine';

function Example() {
    return <Button.Primary>Save</Button.Primary>;
}

公约

• 总是从 @coveord/plasma-mantine,而不是从 @mantine/*. Plasma 组件用 Coveo 的特有外观和行为来包装 Mantine .
• 偏好等离子体子组件 超过生道具——例如使用 Button.Primary 改为 <Button variant="filled">。 。 。 .
• 主题已经应用 结束 Plasmantine只添加自己的 MantineProvider 如果你有具体的理由的话.

文档

浏览所有组件、道具和模拟示例 Plasma 演示站点。 。 。 .

对于AI 代理,组件规格通过 @coveord/plasma-llms 编辑 @coveord/plasma-mcp-server。 。 。 .