这个项目能做什么
Braid 是 SEEK Group 的一个可主题化设计系统,在 npm 上以 braid-design-system 为名发布。README 描述了针对 sku 项目优化的设置流程:安装软件包后,在应用程序的最顶部首先导入 reset 样式以避免 CSS 顺序问题,接着导入如 seekJobs 等主题,并导入 BraidProvider 和相关组件。Provider 接收一个 theme 属性并渲染组件;还可以通过 styleBody={false} 选择不应用正文样式。可以通过 linkComponent 属性提供自定义链接组件(使用 makeLinkComponent 创建),以自定义 Link 和 TextLink 的实现,例如将其与 React Router 链接集成。本地开发使用 pnpm 和 Storybook。Braid 使用 Vanilla Extract 进行样式处理,在 TypeScript 中编写 CSS 并将其静态提取为原子 CSS 类,这需要配合打包工具插件使用。组件使用检查采用了 assert 库的运行时断言;README 建议在生产环境中通过 unassert 将其移除,sku 和 Babel 已实现了此操作。开发时和构建时的警告(如弃用警告)依赖于 process.env.NODE_ENV,并可从生产构建包中剔除。贡献信息详见 CONTRIBUTING.md。感谢 Chromatic 为基于 Storybook 的组件截图测试提供支持。许可证为 MIT。
评论
0 评分人数达到10人后显示
登录后参与讨论。