Carbon Labs

A community-driven incubation space enabling rapid prototyping, development, and deployment of Carbon-based components.

Getting started

Carbon Labs is a collection of components, offered in React and Web Component packages. Individual components are their own package, which helps to remove any bottlenecks in publishing and deployments. Here are some available components:

React

Package name	Description
@carbon-labs/react-animated-header	Animated header component
@carbon-labs/react-processing	Processing
@carbon-labs/split-panel	Split panel component
@carbon-labs/react-text-highlighter	Text highlighter component
@carbon-labs/react-theme-switcher	Theme settings
@carbon-labs/react-ui-shell	UI shell components
@carbon-labs/react-whats-new	What's new
@carbon-labs/mdx-components	MDX Components

Web Components

Package name	Description
@carbon-labs/ai-chat	AI Chat component
@carbon-labs/ai-tag	AI Tag component
@carbon-labs/empty-state	Empty state component
@carbon-labs/style-picker	Style picker component

Shared

Package name	Description
@carbon-labs/utilities	Common utilities shared amongst packages

Storybook

You can view the current state of all components in Storybook. You can also view the individual storybooks for Web Components and React.

🙌 Contributing

Want to add an asset to @carbon-labs? Read through the Carbon Labs contribution section before diving into our developer guide:

• Developer Guide

📝 License

Licensed under the Apache 2.0 License.

IBM Telemetry

This package uses IBM Telemetry to collect de-identified and anonymized 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.