# **React Components**
 
## **Descriptions**
React Components for Figure and Offset.
## **Main Purpose**
Allows dev team to slowly port complex custom components over to React where development will be much more efficient.
## **Usage**
Via React:
- Install the package:
```properties
$ npm i @offsetpartners/react-components
```
- Import Package
```properties
require("@offsetpartners/react-components");
--- or ---
import Figure from "@offsetpartners/react-components";
--- or ---
import { COMPONENT_NAME } from "@offsetpartners/react-components";
```
Via CDN Link:
```html
```
## **Development**
- Clone the repo:
```properties
git clone https://github.com/offsetpartners/react-components.git
```
- CD into Project Directory and run to install deps:
```properties
npm i
```
- Once all packages have been installed then simply run to start a [styleguidist](https://react-styleguidist.js.org/) server
```properties
npm run start
```
- Then viola you're ready to play around with all the Components
## **Reference Libraries**
- [React](https://reactjs.org/)
- [Moment](https://momentjs.com/)
- [AntDesign](https://ant.design/)
- [Framer Motion](https://www.framer.com/api/motion/)
- [React Use](https://github.com/streamich/react-use)
- [React Feather](https://github.com/feathericons/react-feather)
## **Roadmap**
- Add tests to each Component
- Convert to Typescript
- Optimize bundle
### **Version**
v. 0.8.3