An Angular implementation of the Carbon Design System
Assuming we're starting with a new @angular/cli project:
$ npx @angular/cli new my-project --style=scss
$ cd my-project
$ npm i --save carbon-components-angular carbon-components
Then we need to include carbon-components in src/styles.scss
:
@import "~carbon-components/scss/globals/scss/styles.scss";
Note: For offline usage we'll need to set
$font-path: '~carbon-components/src/globals/fonts';
at the very top of oursrc/styles.scss
. This will copy the fonts to ourdist
folder upon successful build. If you like the fonts to be a part of yourassets
folder and not pollute thedist
folder then copy the fonts fromnode_modules/carbon-components/src/globals/fonts
into our app'ssrc/assets/fonts
folder and add$font-path: '/assets/fonts/';
at the very top of oursrc/styles.scss
.
That's it! Now we can run npm start
and start building out our application!
Note: This isn't the only way to bootstrap a
carbon-components-angular
application, but the combination of@angular/cli
and thecarbon-components
scss is our recommended setup.
Angular version support matrix:
Angular | v3 | v4 | v5 (future release) |
---|---|---|---|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
|
|
|
Carbon Components Angular version support matrix:
Carbon Components Angular version | Community support | Active support |
---|---|---|
v1 |
|
|
v2 |
|
|
v3 |
|
|
v4 |
|
|
Not supported versions: Out of support. We plan to support our latest, and previous release. Beyond that we make no guarantees of continued support - these include v1, v2
How to read this table:
If you are an IBMer, you must complete the steps at W3 Developer before contributing to any open source projects. See our contributing guidelines for more details.
npm install
to grab all the dependencies, then npm run storybook
to start storybooksrc
index.ts
npm test
and npm run lint
to make sure the tests and linter passTo keep our build dependencies local we use npm scripts to run our webpack, gulp, and general build tasks. You should never install webpack or gulp globally as that will likely conflict with our version. You should never need to modify the build process to add a component or story.
npm run storybook
to run storybook (port 6006)npm run build
to generate the distdocs:build
to build documentationdocs:server
to build and run the documentation servernpm run lint
to run tslintnpm test
to run testsRead our code of conduct here
简介 你见过推特上面的 这 些 代码 图片 吗? 虽然这些代码图片给人印象深刻,但就审美程度来说还有可改进的地方。Carbon 可以很容易的为你的代码创建漂亮的图片。那么还等什么呢?用这个新学到的美化设计给你的 followers 秀一秀吧。 可以访问 carbon.now.sh或者浏览 博客文章 了解关于这个项目更多的内容。 特性 GitHub gist 导入. 只需要在 url 后面加上 gi
carbon 是一个轻量级、语义化、对开发者友好的Golang时间处理库,支持链式调用和gorm、xorm等主流orm。 安装使用 // 使用 github 库go get -u github.com/golang-module/carbonimport ( "github.com/golang-module/carbon")// 使用 gitee 库go get -u gitee.com/
vue-carbon,基于 vue 开发 material design 风格的移动端 WEB UI 库, 设计资源参考 CARBON FrameWork7。 安装 目前只使用 npm 安装,和使用 webpack 项目的应用 npm install vue-carbon --save import Vue from 'vue'import VueCarbon from 'vue-carbon'V
Carbon 是对 PHP 5.3+ 中的 DateTime 进行扩展的 PHP 库。 示例代码: printf("Right now is %s", Carbon::now()->toDateTimeString());printf("Right now in Vancouver is %s", Carbon::now('America/Vancouver')); //implicit __t
Carbon Forum,一个高性能的、高安全性的、基于话题的PHP轻论坛。 优秀的架构,高效的代码,每个页面平均执行时间仅为1~5毫秒,同时恰当地使用异步加载技术,在SEO与用户体验间取得平衡。 论坛摒弃了版块、节点等概念,发帖时无需选择板块,系统根据帖子内容自动推荐话题供用户选择,并且有功能强大而不显冗余的富文本编辑器。 支持关注用户、关注话题等功能,可以作为一个社交网站使用。 安装环境要求:
Carbon是一个轻量级的组件模型与企业级的服务框架.Carbon是在以下原则上进行构建:创建一个更加灵活的框架通过一个分离,以元数据为中心的系统,鼓励关系的分离,从而使得代码在一个复杂,动态的操作环境中更容易维护与重复利用等.