A collection of Carbon Components built with React.

If you're new to React.js or Carbon, check out our guide to help get you up and running.

To install carbon-components-react in your project, you will need to run the following command using npm:

npm install -S carbon-components carbon-components-react carbon-icons

If you prefer Yarn, use the following command instead:

yarn add carbon-components carbon-components-react carbon-icons

If you want to try out carbon-components-react, you can also use CodeSandbox.

import { Button } from 'carbon-components-react';

function MyComponent() {
  return <Button>Example usage</Button>;
}

For more information about each component, check out our Storybook. For guides on getting started, head on over to our Website or check out our Tutorial

• Storybook
• Getting started
• 🏃‍♀️ Migration Guides
  • v6 to v7

If you're looking for more examples on how to use carbon-components-react, we have some examples that you can check out:

• Create React App
• Next.js
• React Router

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 Contributing Guide! 👀

Licensed under the Apache 2.0 License.

This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency you are agreeing to telemetry collection. To opt out, see Opting out of IBM Telemetry data collection. For more information on the data being collected, please see the IBM Telemetry documentation.