问题标签 [carbon-design-system]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用 Angular JS 为碳设计系统模态添加条件?
我有一个在单击按钮时出现的模式 - 但是我希望模式仅在满足某些条件时出现
HTML 代码
我希望仅在我的控制器的某些条件下调用模态
控制器.js
我希望在满足条件时调用模态,并同时执行语句 1 和 2 .....如果条件为假,则不调用(显示)我要执行语句 3 的模态。
我不希望按钮被禁用并且不使用任何引导服务......我将如何通过注入条件来打开模式?
我在这一点上陷入了困境
css - 碳设计系统全球scss需要永远建立
我正在尝试从 Carbon Design System(Vue) 应用 g10 主题。但是每次我保存文件时编译大约需要 12-15 分钟。
- 有没有办法只为我使用的组件添加样式?
- 如果没有,如何减少构建时间?
- 有没有办法删除对 scss 文件的监视,以便在处理 Vue 文件时节省编译时间?
angular - 如何在不使用 TableModel 的情况下在 Angular Carbon 设计系统中实现分页?
我们有一个对象数组(纸)。还使用搜索过滤器。
我们在 .html 中的代码:
我们如何实现这一点?
我们发现的大多数示例都是基于 TableModel 但我们没有表格:
javascript - 如何使用碳设计系统类显示多级下拉列表?
我想实现一个下拉菜单,将鼠标悬停在菜单中的特定选项上会打开另一组选项,如下所示(悬停在选项 3 上会打开包含选项 4 和 5 的菜单)-
我一直在使用碳类尝试类似的事情(参考自 - https://the-carbon-components.netlify.app/?nav=dropdown和https://codepen.io/team/carbon/pen/wEGEoz)但是我无法实现它。
这就是我的代码的样子 - HTML -
CSS -
在单击“选择一个选项”框后,此处 .bx--dropdown--open 类被添加到包含类bx--dropdwon的ul中,例如 -
JS-
问题在于,将鼠标悬停在选项 3上时,下拉菜单中会出现滚动条,选项 4和选项 5仅显示在初始下拉菜单中 -
我希望它以与我给出的第一个示例相同的方式出现在该框之外。即使花了很多时间,我也无法理解如何使它工作。任何帮助表示赞赏。
reactjs - React - 碳设计系统 - 右侧边栏中的转换不起作用
我正在尝试将 Carbon Design System 用于一个项目,我需要一些有关 UI Shell 的帮助。
右侧边栏的过渡无法正常工作。
这是一个工作示例,看看它打开和关闭的流畅程度(见现场示例):
这是有问题的示例。没有过渡(参见现场示例):
我认为这与高阶组件的工作方式有关。这是我的理论:
HeaderPanel
正在渲染内部HeaderContainer
,这是一个高阶组件。
当状态变量switchCollapsed
发生变化时,HeaderContainer
会再次完全渲染。
所以这可以解释为什么没有过渡。
我是 React 新手,这个理论是基于我迄今为止的 React 知识。如果我错了请纠正我
这是第二个示例的一段代码(为了这篇文章的简洁而简化)。在此处查看完整代码
此外,如果我更改 React Dev Tools 上的属性,则转换工作!
reactjs - 反应js中的carbondesignsystem TableSelectRow bing检查状态
我正在使用带有反应的碳设计系统,我需要控制 TableSelectRow 的 Ceheck 状态。我怎样才能将选定的行绑定到数据表
user-interface - 根据 IBM 碳设计系统,应用程序标题栏的尺寸应该是多少?
我正在使用 IBM CDS 设计应用程序的 UI。它为所有项目提供了样式指南,但是我找不到标题栏的尺寸。
reactjs - 将第三方 React 组件与 Fable/Elmish 一起使用
我正在尝试将Carbon Design System - React SDK集成 到 Fable/Elmish 应用程序中,看起来我必须为每个组件创建属性类型定义(其中一些我只是猜到了)才能使用它。
该组件已包含 TypeScript 定义。
我真的必须为我想尝试或使用的每个 React 组件手动创建类型定义吗?
是否有一种简单或自动的方式来使用 F# 代码中的 React 组件,而无需为我想尝试的每个组件编写属性类型定义?
F# 社区的人们如何使用来自 React 生态系统的组件?
我试过ts2fable但它会生成无效的不可靠代码:大多数行都有错误的示例,我还转换了依赖项(typings/shared.d.ts
和 React 类型定义)
我也在查看TypeProviders但不确定这是否可以解决我的问题。
reactjs - 提取 npm 中不可用的 React 组件
有一个包含 React 组件的项目,它在 Git 中,因此它的所有资源都是公开可用的,我怎样才能只提取一个包含所有依赖项的组件,而不必通过打开每个文件手动进行呢?
这是有问题的组件:
https://github.com/carbon-design-system/carbon-website/tree/master/src/components/ComponentDemo