# Ridibooks CMS UI
[](https://www.npmjs.com/package/@ridi/cms-ui)
[](https://travis-ci.org/ridi/cms-ui)
[](https://greenkeeper.io/)
UI components for [*Ridibooks CMS SDK*](https://github.com/ridi/cms-sdk).
## Getting Started
### Install
Install via npm:
```bash
npm install --save @ridi/cms-ui
```
Or use CDN:
```html
```
### Usage
#### React
```js
import { Menu } from '@ridi/cms-ui';
const menuItems = ... // get menu data from cms-sdk via server-side rendering or custom API.
const Example = (props) => {
return (
);
};
```
#### Browser
```html
```
> **Note:**
> After *cms-ui* is loaded, following CSS is injected automatically for the layout.
> This is **not configurable for now**.
> If this causes any problem, please notify us.
> ```css
> body {
> margin: 3.5rem 0 0 0;
> }
>
> @media (min-width: 1200px) {
> body {
> margin: 0 0 0 17rem;
> }
> }
> ```
## Development
### Setup
Install all dependencies:
```bash
make install
```
### Run Example App
To compile and run example app, please run:
#### React
```bash
make start-umd
```
#### Browser
```bash
make start-var
```
### Build
To build *cms-ui* module, please run:
```bash
make build
```
The output file will be generated in `dist` directory.