carbon-ui

carbon-ui is a lightweight ui dependency for modular web applications.

installation

npm install --save carbon-ui

example usage with webpack

Requires the npm dependencies: css-loader, style-loader and sass-loader
Requires you have the loaders configured in webpack config

first, require the global dependencies in your app's main js file

require('./global.sass')
require('~carbon-ui/core/js/app')

create a global.sass file

@import "~carbon-ui/core/sass/app"

require components

Import the styles for whichever component you need when creating UI components
For example, creating an alert.sass for a component that is used for alerts

@import "~carbon-ui/core/sass/components/alert"

require sass components

If you've created seperate sass files for your js components, require them when you create your js components. Following this pattern in webpack allows you to load your assets asyncronously using code-splitting if required

require('./sass/components/alert.sass')