@dbx-tools/ ui (英语)
在共享 Databricks AppKit UI 基金会中使用此反应软件包,品牌化, 无密码认证,电子邮件表面,和Databricks AI搜索控制. 仅导入您的浏览器应用程序使用的子路径 .
基金会
import { Button, BrandPicker } from "@dbx-tools/ui/react";
import "@dbx-tools/ui/styles.css";
./react 再出口 Databricks AppKit UI 原始并添加 BrandPicker。 。 。 .
./styles.css 提供Tailwind、向下流、代码块和牌子桥
dbx-tools UI 软件包的样式.
同样的出入口出口 BrowserDebugCaptureButton 财务报告和审定财务报表
useBrowserDebugCapture。它们仅在 AppKit 服务器发布时出现
调试- 抓取插件配置 。 通过命名的 CSS 选择器 targets
包含组件矩形、滚动度量、数据集状态或内置 CSS
浏览器事件快照中的视图变量 .
选择用户界面软件包
- 使用
@dbx-tools/ui用于常见的 AppKit 组件、品牌、认证、, 电子邮件和搜索 导入其基本样式表和任何特性样式表 . 认证组件调用 @dbx-工具/自动门 路线。 搜索组件配对 @ dbx 工具/ 搜索 并使用 AppKit 发布aiSearch客户端配置 . - 使用 @dbx-tools/ui-mastra (英语) 与
@dbx-tools/appkit-mastra (英语)导入 AppKit 用户界面
mastra 样式表之前的样式表。 在应用程序内挂载聊天
认证边界 。 客户端读取已发布的插件
clientConfig()载荷.
标记
import { BrandProvider, BrandLogo } from "@dbx-tools/ui/branding/react";
import { applyBrandContext } from "@dbx-tools/ui/branding/browser";
import { dbxToolsAssetDataUrls } from "@dbx-tools/ui/branding/assets";
导入 @dbx-tools/ui/branding/styles.css 默认品牌变量。 静态
SVG资产出口于 @dbx-tools/ui/branding/assets/*。 。 。 .
认证
import { AuthGate, PasskeyManager } from "@dbx-tools/ui/auth/react";
这些组件使用浏览器安全 @dbx-tools/shared-auth 合同和合同
提供的路线 @dbx-tools/auth-gate设置 passkeyNamePrefix 打开
用于覆盖人性化隧道前使用的服务器前缀的组件
子域名.
电子邮件
import { EmailApprovalCard, EmailComposeView } from "@dbx-tools/ui/email/react";
import "@dbx-tools/ui/email/styles.css";
电子邮件组件消耗 @dbx-tools/shared-email 财务报告和审定财务报表
@dbx-tools/shared-email-template运输和批准仍然是服务器的关切.
搜索
import { SearchBox, SearchResults, useSearch } from "@dbx-tools/ui/search/react";
import "@dbx-tools/ui/search/styles.css";
搜索组件消耗 @ dbx- 工具/ 共享搜索 和 AppKit 的浏览器查询 钩. 后端选择和工作空间访问仍然在 @ dbx 工具/ 搜索。 。 。 .
软件包出口
./react, (中文(简体) ),./styles.css:常见的AppKit UI基金会../branding/react, (中文(简体) ),./branding/browser, (中文(简体) ),./branding/assets:品牌运行时间和资产../auth/react:无密码的签入和密码管理../email/react, (中文(简体) ),./email/styles.css:批准,预览,并作曲UI../search/react, (中文(简体) ),./search/styles.css: Databricks AI 搜索控制并状态.