Home

Awesome

<p align="center"> <a href="https://www.carbondesignsystem.com"> <img alt="Carbon Design System" src="https://user-images.githubusercontent.com/3901764/57545698-ce5f2380-7320-11e9-8682-903df232d7b0.png" width="100%" /> </a> </p> <h1 align="center"> Carbon for IBM.com </h1>

This library is an extension of the Carbon IBM Design System. It contains unique components shared between the IBM.com user journeys to unify its look and feel.

<p align="center"> <a href="https://github.com/carbon-design-system/carbon/blob/main/LICENSE"> <img src="https://img.shields.io/badge/license-Apache--2.0-blue.svg" alt="Carbon is released under the Apache-2.0 license" /> </a> <a href="https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/.github/CONTRIBUTING.md"> <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" /> </a> <a href="https://percy.io/538fc19a/Carbon-for-IBM.com-Web-Components"> <img src="https://percy.io/static/images/percy-badge.svg" alt="This project is using Percy.io for visual regression testing." /> </a> <a href="https://discord.gg/J7JEUEkTRX"> <img src="https://img.shields.io/discord/689212587170201628?color=5865F2" alt="Chat with us on Discord"> </a> </p>

Getting started

If you're just getting started, check out web components!

If you're trying to find something specific, here's a full list of packages that we support!

Package nameDescription
@carbon/ibmdotcom-web-componentsIBM.com web components and its React Wrappers
@carbon/ibmdotcom-servicesIBM.com ES6 Service classes
@carbon/ibmdotcom-stylesFramework agnostic styles package for IBM.com components
@carbon/ibmdotcom-utilitiesIBM.com ES6 Utility classes

If you are building pages for IBM.com, see what is needed on the page.

Storybook demos

Documentation

🙌 Contributing

We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our guides:

📝 License

Licensed under the Apache 2.0 License.