# moonbladeui

> A simple React component library to help you developing apps faster and more productive. Build with TSDX that helps to develop React component libraries more realiable and faster without thinking other stuff to setup such as Rollup, PostCSS, and ...etc

Latest version **0.1.6** (published 2021-11-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install moonbladeui
pnpm add moonbladeui
yarn add moonbladeui
bun add moonbladeui
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2021-11-25 |
| First published | 2021-11-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 6 |
| Unpacked size | 149.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Muhammad Azri |
| Maintainers | azrizzz |

## Links

- npm: https://www.npmjs.com/package/moonbladeui
- npm.io page: https://npm.io/package/moonbladeui

## Dependencies (6)

- [jest](https://npm.io/package/jest.md) ^27.3.1
- [cross-env](https://npm.io/package/cross-env.md) ^7.0.3
- [heroicons](https://npm.io/package/heroicons.md) ^1.0.5
- [@heroicons/react](https://npm.io/package/@heroicons/react.md) ^1.0.5
- [@headlessui/react](https://npm.io/package/@headlessui/react.md) ^1.4.2
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^12.1.2

## Recent versions

- 0.1.6 (latest) — 2021-11-25
- 0.1.5 — 2021-11-23
- 0.1.4 — 2021-11-23
- 0.1.3 — 2021-11-22
- 0.1.2 — 2021-11-21
- 0.1.1 — 2021-11-21

## README

# MoonbladeUI

A simple React component library to help you developing apps faster and more productive. Build with TSDX that
helps to develop React component libraries more realiable and faster without thinking other stuff to setup 
such as Rollup, PostCSS, and ...etc

## How to use supported component ?

Visit this <a href='https://619b584c58fbbb003a8645ad-gqvpeofamb.chromatic.com/' target='_blank'>Link</a> and open <strong>B. Installation</strong> in MDX folder.

### Run the project with Storybook
```bash
yarn storybook
```
This loads the stories from `./stories`.

You can visit this <a href='https://619b584c58fbbb003a8645ad-pasuivjdwi.chromatic.com/' target='_blank'>Link</a> to open storybook deployed on chromatic.

### Unit test
```bash
yarn test

```
This will run unit test inside the folder test


#### Setup Files

Folder structure :

```txt
/example
  index.html
  index.tsx       # test the component here in a demo app
  package.json
  tsconfig.json
/src
  index.tsx       # To import our component to be used during library deployment and the places we develop our component
/test
  blah.test.tsx   # Unit test folder 
/stories
  Thing.stories.tsx # Stories for the component
/.storybook
  main.js
  preview.js
.gitignore
package.json
README.md         # README OBVIOUSLY
tsconfig.json
```

---
_Source: https://npm.io/package/moonbladeui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._