The Topcoder UI Kit for internal ReactJS projects.

Install the package via NPM:

$ npm install --save topcoder-react-ui-kit

Import its global stylesheet into the root ReactJS component of your app:

import 'topcoder-react-ui-kit/dist/style.css';

The import of topcoder-react-ui-kit/dist/style.css stylesheet provides you with (assuming that your Webpack config properly parses that stylesheet, and bundles all assets referenced from there into your bundle):

• Fonts — Declaration of standard Topcoder fonts;

To use any of the style mixins in your SCSS code you should import them as

@import "~topcoder-react-ui-kit/src/styles/mixins";

• Typography — Standard mixins for body text, fonts, headings, labels, and titles;

• Variables — Standard colors, design break points and other global style constants;

Note that most of these components are inherited from their topcoder-react-utils counterparts, and topcoder-react-ui-kit just takes care about their proper theming according to the TC UI Kit design specs.

• Buttons — Themed buttons.

To be written

UNLICENSED — for internal Topcoder projects only.