Home
Softono
carbon-labs

carbon-labs

Open source Apache-2.0 JavaScript
44
Stars
64
Forks
174
Issues
9
Watchers
1 week
Last Commit

About carbon-labs

An innovation space for the creation of components leveraging Carbon Design System

Platforms

Web Self-hosted

Languages

JavaScript

Carbon Design System

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:

To start a new component contribution from a Carbon Labs checkout, use the create utility:

npx @carbon-labs/create@latest <component-name>

The command runs the repo install/build/generate flow and then runs yarn scaffold to add Carbon Labs contribution metadata, Storybook tags, and copyright headers to generated source files. Git operations are opt-in:

npx @carbon-labs/create@latest <component-name> --with-git

When the component is ready for PR review, run the repo prep command:

yarn prep

The prep command formats the repo, dedupes dependencies, validates license headers, and ensures added source files include the required copyright header.

📝 License

Licensed under the Apache 2.0 License.

IBM Telemetry 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.