@ aircall/块
高级UI组成 @aircall/ds - 页面弹壳(DashboardPage 编号 :
DashboardStandalonePage),形式层(useForm +该 Form*Field 种子图案表单
包装,空地状态,还有更多.
pnpm add @aircall/blocks @aircall/ds
从您的条目导入预编译的 CSS 一次 . @aircall/blocks/globals.css 已经
捆绑整个 @aircall/ds/globals.css - 这样做 没有 导入两者或复制全部
(Preflight,主题符号,所有DS公用事业):
// ✅ Correct — blocks already includes DS
import '@aircall/blocks/globals.css';
// ❌ Wrong — duplicates all of DS's compiled output
// import '@aircall/ds/globals.css';
// import '@aircall/blocks/globals.css';
如果您自己编写 Tailwind 工具类, 请使用 CSS 条目而不是 JS 导入 :
/* style.css */
@layer theme, base, components, utilities;
@import 'tailwindcss/theme.css' layer(theme);
@import 'tailwindcss/utilities.css' layer(utilities);
@import '@aircall/blocks/globals.css';
@source "./src/**/*.{ts,tsx}";
对于模块编译消费者(您的应用程序作为远程运行在已装入的主机内) DS/blocks Globals),完全省略了两个Globals的进口.
导入
@aircall/blocks登记ablocks启用 i18n 命名空间@aircall/ds共享 i18next example. (原始内容存档于2018-09-29). 要按照用户的语言制作块字符串, 请挂载DsI18nProvider(从)@aircall/ds(中文(简体) ) 下级 您的响应- i18next 提供者, 提供了活动语言 。 见 页:1@aircall/ds读取aircall-ds/setup为完整的提供者树提供技能.
人工智能人员——移徙 @dashboard/library? 吗?
这个包裹船 TanStack 意图 移徙技能 内
联合国 skills/ 目录( 在 npm tarball 中公布): aircall-blocks/migrate-dashboard
(+ 每一地区的食谱) @dashboard/library 屏幕改为 @aircall/blocks 编号 :
@aircall/ds附加时 aircall-blocks/setup启用它们(一次性,与 @aircall/ds:
pnpm add @aircall/blocks@latest @aircall/ds@latest @aircall/react-icons@latest # react-icons >= 0.4.0
npx @tanstack/intent install # writes the discovery block into CLAUDE.md / AGENTS.md
# allowlist in package.json: { "intent": { "skills": ["@aircall/ds", "@aircall/blocks"] } }
然后,代理人按要求加载指导:
npx @tanstack/intent load "@aircall/blocks#aircall-blocks/migrate-dashboard"
aircall-blocks/setup 以 aircall-ds/setup因此,DS供应商, globals.css,以及
上面有记录的jsdom测试shims 这里也适用.