@ filigran/ 设计系统
Filigran设计系统:可访问,由符号驱动的 React 组件,由 OpenCTI,OpenAEV,XTM CRQ,XTM One和XTM枢纽.
此 README 是软件包的注册页 。 撰稿人资料 数据库根.
安装
npm install @filigran/design-system
react 财务报告和审定财务报表 react-dom (v19)是同行的依赖关系,不捆绑.
使用量
import { Button } from "@filigran/design-system";
import "@filigran/design-system/dist/index.css";
export const Example = () => <Button>Save</Button>;
样式
完全导入 CSS 的两种分布之一 :
| 条目 | 用它当 |
|---|---|
@filigran/design-system/dist/index.css | 东道主没有Tailwind v4管道. 预作编译,舰船不作预作飞行,以免重置宿主自作风格. |
@filigran/design-system/tokens/theme.css | 主机自行编译了 Tailwind v4. 将设计符号显示为 @theme 源,所以主机公用事业和组件样式共享一个符号集 . |
@filigran/design-system/styles/gradient-helpers.css 是用于
梯度公用事业.
未运出字体
打印符号参考 地质学 财务报告和审定财务报表 IBM Plex 桑斯。东道主 应用程序必须同时加载。 没有它们,浏览器会回到系统字体 无声:没有出错,但打字方式与设计语言有差异.
文件合同
@filigran/design-system/meta 暴露机器可读 ComponentMeta 对象
(道具,实例,可访问性说明)用于工具与AI代理. 这是一个
目的上的单独切入点: 传言文件从未被拉入
运行时间捆绑 产品船.
许可证
阿帕奇2.0 (英语).