React CM UI

UI Assets for Healthy Church and related projects

UI Documentation Site

https://cm-ui-docs.saddleback.com

Powered By

Installation

Install React CM UI from NPM.

npm install @saddlebackchurch/react-cm-ui --save

Usage

Components

import {
    Button,
    Grid,
    Icon,
    Typography
} from '@saddlebackchurch/react-cm-ui';

Styles

If you are using Webpack to build your App you can use resolve.alias and import the React CM UI's CSS.

In your Webpack config file.

resolve: {
    alias: {
        'css-cm-ui': path.join(__dirname, '/node_modules/@saddlebackchurch/react-cm-ui/core/style.css')
    }
}

In your app.

import 'css-cm-ui';

Run the UI Documentation web app

cd /docs
npm start

(runs on port 8082, i.e. http://localhost:8082)