@ bettercms-ai/ kit (英语)
BetterCMS V2 Block Kit: schema语言,绘制Visual Editor's Dook的窗体引擎,它的控件,以及设计符号. 反应19,基地UI.
npm i @bettercms-ai/kit @base-ui/react @tabler/icons-react framer-motion react react-dom
样式
- 尾风 v4 应用程序: 在 Tailwind后导入符号和工具名.
@import "tailwindcss"; @import "@bettercms-ai/kit/theme.css"; @import "@bettercms-ai/kit/tokens.css"; @source "../node_modules/@bettercms-ai/kit/dist"; - 没有尾风 (定制码头输入的iframe):
import "@bettercms-ai/kit/styles.css",预编的有符号和工具箱使用的每一个功能的表. 永远不要在您的 Tailwind 工作表旁边导入它 .
主题
import { KitRoot, applyScheme } from "@bettercms-ai/kit/theme";
applyScheme(document.documentElement, "dark"); // .dark on <html>: portalled layers follow it
<KitRoot>{/* kit components */}</KitRoot>;
进口
@bettercms-ai/kit 重新出口引擎、控制器和UI原始产品。 每个模块也可以被路径导入,例如. @bettercms-ai/kit/ui/button, (中文(简体) ), @bettercms-ai/kit/schema/scale。 。 。 .