# Collection themes theme for fastest creation theme with ReactJs

[![CircleCI](https://circleci.com/bb/regretstudios/react-app-2.svg?style=svg)](https://circleci.com/bb/regretstudios/react-app-2) [![Build Status](https://travis-ci.org/Shopify/quilt.svg?branch=master)](https://travis-ci.org/Shopify/quilt) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![npm version](https://badge.fury.io/js/%40key46%2Ftheme.svg)](https://badge.fury.io/js/%40key46%2Ftheme)
![Discourse status](https://img.shields.io/discourse/https/meta.discourse.org/status.svg)

<img src="https://octodex.github.com/images/kimonotocat.png" alt="kimonotocat" style="width:200px;"/>

Demo components: [https://key46.now.sh/styleguide](https://key46.now.sh/styleguide)

Use immediately with create-react-app

### In bash terminator

```bash
npx create-react-app newapp
cd newapp
yarn add @key46/theme
yarn add node-sass
```

### In App.js

```jsx
import {
  FulFillCardVer1,
  FulFillCardVer2,
  SummaryBlock,
  Table
} from "@key46/theme";
import React from "react";

const index = () => {
  return (
    <div>
      <FulFillCardVer1 />
      <FulFillCardVer2 />
      <SummaryBlock />
      <Table />
    </div>
  );
};

export default index;
```

My website: [key46.ooo](https://key46.ooo/)

My email: [duythien0912@gmail.com](mailto:duythien0912@gmail.com)