Carbon
Design System
Design Kit Developer Kit

Copyright © 2016 IBM

What can we help you with?

See a problem with the code? Need a new component? Have feedback? We'd love to hear it all! The success of the Bluemix Design System relies on great people like yourself. Fill out the form below to submit your issue to our GitHub repo.

A member of the Bluemix Design System's team will be in touch within 48 hours.

Please describe your issue in depth, with as much clarity, detail, and imagery as necessary.

  • Write
  • Preview
  • A A
Close Icon

Thank you!

Your issue, , is now in the bluemix-components repo. Click the issue number to track the progress or make edits to your issue.

We will get back to you within 48 hours. Feel free to reach out to us on one of our slack channels if you have additional questions:

#bluemix-components
#bluemix-design-system

Getting Started

Developers

The Carbon Component library gives developers (Front End Developers & Engineers) a collection of re-usable HTML and Sass partials they can use for building websites and user-interfaces for Bluemix. The aim is for all developers to use consistent markup, styles, and behavior in their prototype and production work.

Installing

There are a few ways to get started. Before installing Carbon Components, make sure you set up your SSH key on GitHub Enterprise. You may also need to set up your SSH key on Jenkins or Travis if you use those for continuous integration or deployment.

NPM

Carbon Components is published to a private npm registry maintained by Bluemix Ops Console team.

Before installing with npm, you must create an .npmrc file - you can create this in the root of your project folder or on your computer's ~ directory.

$ touch .npmrc



Next, write the following into your .npmrc file:

//dev-console-npm.stage1.ng.bluemix.net/:_authToken="u6vjQywpRv51/eKBiRcAFA=="
@console:registry=https://dev-console-npm.stage1.ng.bluemix.net/



If you haven't done so already, create a package.json for your project:

$ npm init



Finally, install Carbon Components with npm.

$ npm install @console/bluemix-components --save

Bower

We also publish Carbon Components to a private bower registry.
It's required to set up your SSH Key on GitHub Enterprise and on Jenkins or Travis if you use those as well.

Create a bower.json file:

$ bower init



Create a .bowerrc file in the root of your project directory and write the following config:

{ "registry": "http://9.37.228.216:5678/" }



Finally, install the bower package.

$ bower install bluemix-components --save

Download