The library provides front-end developers & engineers a collection of reusable HTML and SCSS partials to build websites and user interfaces. Adopting the library enables developers to use consistent markup, styles, and behavior in prototype and production work.
We have individual CodePens for all of our components which you can easily fork and play around with.
As of v11, Carbon only provides styles for Vanilla JS.
A minified css bundle is not included, you’ll need to add sass compiliation to your project’s build to use v11.
If you were previously using
carbon-components, the styles from this package
are available under
carbon-components packages will
stick around in v11 but will only be a re-export of
For additional information on using sass for v11. Please follow the scss migration guide
Make sure your build process uses autoprefixer to ensure vendor prefixes are automatically added to your output CSS.
Carbon Components are built to be included individually and not clobber global
styles - all
class attributes are prefixed by the
cds-- moniker. You can
specify your own prefix by changing the SCSS variable