Ring UI 1.0 正式发布!JetBrains 打造的 Web UI 组件库

局长
 局长
发布于 2018年09月26日
收藏 43

美国当地时间9月25日,JetBrains 宣布推出 Ring UI 1.0 正式版!

文档和使用教程 https://jetbrains.github.io/ring-ui/master/index.html
下载地址 https://github.com/JetBrains/ring-ui/releases/tag/%40ring-ui%2Ficon%401.0.0

这是一个 JetBrains 打造的 Web UI 组件库。Ring UI 让你能够更好地掌握 JetBrains 多年来开发的复杂的 UI ,其中有超过 50 个React,从简单的链接按钮,到复杂的日期拾取器数据列表,这个库是广泛应用在 YouTrack, Hub 和 TeamCity 以及其他上游产品中。

新版本带来新的视觉语言、新组件、支持自定义主题和其他改进。

新的视觉语言

完全重新实现了视觉语言,使其干净而现代。现在,许多组件还具有切换组件外观的属性,以更好地适应深色和浅色背景。

支持自定义主题

通过 CSS 自定义属性进行定制化和对主题的支持。现在所有组件都使用 CSS 自定义属性来指定其颜色、字体和其他参数。使得我们可以在现代浏览器中动态更改组件的外观(过去的浏览器使用默认值)。

还可以在应用中使用 Ring UI 中的颜色来生成一致的 UI。要在应用中使用 CSS 自定义属性,需要按如下方式配置 PostCSS:

plugins: [
  ...
  require('postcss-custom-properties')({
    preserve: true,
    variables: require('@jetbrains/ring-ui/extract-css-vars')
  })
]

新组件

Ring 1.0 引入了 messagetabs, 和 toggle 这些新组件。

Message

Tabs

Toggle

此外,在 1.0 版本中,大多数组件都已迁移到 CSS 模块,不再推荐使用 SASS。这使得组件更加封装,并保护它们不被不准确的样式覆盖破坏。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:Ring UI 1.0 正式发布!JetBrains 打造的 Web UI 组件库
加载中

精彩评论

大跃跃
大跃跃
大JB一统开发界
冰力
冰力
相比 bootstrap ant 之类的有啥优势?
花间一壶酒90
花间一壶酒90
有没有Angular版本的 ? 任何讨厌任何首字母大写的语言.. (打死不用React, C#)
奋斗哥
奋斗哥
支持大JB

最新评论(17

xc_116
xc_116
没有vue版本不用!!!
冰力
冰力
相比 bootstrap ant 之类的有啥优势?
捷睿
捷睿
牛逼,React这么火
花间一壶酒90
花间一壶酒90
有没有Angular版本的 ? 任何讨厌任何首字母大写的语言.. (打死不用React, C#)
触及天空
可以可以,react的UI库又多了一种选择
ibrucekong
ibrucekong
一直用jb公司的产品
天王盖地虎
天王盖地虎
不错不错,希望持续更新,配色最好看!
木有龙井茶
木有龙井茶
大JB一统江湖
奋斗哥
奋斗哥
支持大JB
无闻
无闻
精品精品,必须精品!
返回顶部
顶部