【问题标题】:vmware-clarity component complete referencevmware-clarity 组件完整参考
【发布时间】:2018-01-17 07:12:56
【问题描述】:

在哪里可以找到 vmware-clarity 组件的完整参考资料?

我正在使用数据网格、下拉列表框、组合框、图表等编写 Web UI,但我没有找到它们的完整参考。

【问题讨论】:

    标签: vmware-clarity


    【解决方案1】:

    这里有所有 Clarity 组件的文档页面:https://vmware.github.io/clarity/

    这些是设计指南的混合,通常位于组件文档页面的顶部。然后在下面,Clarity Angular 组件示例描述了每个组件的声明性 API,并带有一个或多个示例。

    【讨论】:

    • 虽然现有文档非常棒,但我似乎仍然无法找到它列出可用角度组件的位置。例如,如果您阅读文档,您会发现您的页面中应该有一个带有“main-content”类的
      。但是后来,在阅读了周围的示例之后,您会发现实际上有一个 组件可能就像前面提到的 div 一样工作。我们应该使用哪个以及为什么/为什么不使用?这种文档会很棒。
    • 嗨@dwoodwardgb - 感谢您的反馈。我们正在努力改进文档,以便听取您的经验会有所帮助。 Clarity 作为几个库发布:@clr/ui(独立的 html/css)和@clr/angular(Angular 组件)。任何对元素使用 clr- 前缀的标记都是 @clr/angular 组件,并且将生成使用 Clarity CSS 进行样式设置所需的 dom 结构。如果应用程序没有使用 angular 而是使用 @clr/ui,您需要遵循文档中的 DOM 结构。这有帮助吗?我会记下您的反馈,以便我们可以尝试解决您指出的差异。
    【解决方案2】:

    https://medium.com/@beeman/tutorial-project-clarity-and-angular-cli-50d845a24d5b

    这是一篇关于使用vmware-clarityAngular CLI 的好文章(至少我是从它开始的)。

    本文作者在 Github 中有一个演示项目:https://github.com/beeman/tutorial-angular-styling-clarity,它在此处实时运行:https://beeman.github.io/tutorial-angular-styling-clarity/tutorial-angular-styling-clarity/

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签