open-index/open-npm huggingface dataset:
npm package: @nemanjakrstic/xolabot-ui-kit
Description: Xolabot UI Kit for building Xolabot Modules in React
Author: Xola
Latest version: 1.0.1

# Xolabot UI Kit

UI Kit for building Xolabot Modules in React.

## Usage

First, install following packages:

```
$ npm install @nemanjakrstic/xolabot-ui-kit react react-dom
```

React and ReactDOM needs to be installed along with the UI Kit.

Then, import components you want to use:

```
import { Chat, Button } from '@nemanjakrstic/xolabot-ui-kit';

export default () => (
    <Chat>
        <Button>Hello</Button>
    </Chat>
);
```

That's it.

## Development

Start the development server:

```
$ npm start
```

This will spin up Docz dev server allowing you to create components and write documentation at the same time.

## Prettier

This project is formatted with [Prettier](https://prettier.io). Every time you make a commit, Prettier will be triggered and nicely format your code.

For the best user experience with writing code with Prettier, take a look at some editor integrations and set up formatting on save. See official documentation for [Editor Integration](https://prettier.io/docs/en/editors.html).

See rules for Prettier in `.prettierrc`.

## Building Documentation

Use the following command to build documentation website ready for publishing:

```
$ npm run docs
```

## Building Library

This will build a release version in `lib` directory.

```
$ npm run build
```