![Coderbox](https://s3-eu-west-1.amazonaws.com/coderbox/common/logo-blue.png)

[![npm](https://img.shields.io/npm/dm/@coderbox/atoms.svg)](https://www.npmjs.com/package/@coderbox/atoms)
[![npm](https://img.shields.io/npm/v/@coderbox/atoms.svg)](https://www.npmjs.com/package/@coderbox/atoms)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![codebeat badge](https://codebeat.co/badges/881b0552-e916-41a5-b2df-632f1610f7b9)](https://codebeat.co/projects/github-com-coderboxapp-coderbox-atoms-master)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

# Introduction
`coderbox-atoms` is a collection of REACT components used to develop the application at [Coderbox](https://www.coderbox.me)

# Installation

```
npm install @coderbox/atoms --save
```
```
yarn add @coderbox/atoms
```
Works with [browserify](https://github.com/substack/node-browserify) and should work with [webpack](https://github.com/visionmedia/superagent/wiki/SuperAgent-for-Webpack).

# Demo
[DEMO Page](https://coderboxapp.github.io/coderbox-atoms/)

For code example check `.stories.js` files from each component.

# Components List

- [x] Button
- [x] Group
- [x] Icon
- [x] Image
- [x] Box
- [x] Title
- [x] Subtitle
- [x] Loader
- [x] Tag

# Build

```
npm run build
```