<p align="center"><img width="640" src="https://www.researchgate.net/profile/Alice_Gorman/publication/241728431/figure/fig1/AS:298606130155526@1448204657773/Schematic-of-Skylab-Image-courtesy-of-NASA.png"/></p>

# Skylab

*Simple* project specific React components.

[![npmjs](https://img.shields.io/npm/v/@moonwalker/skylab.svg)](https://www.npmjs.com/package/@moonwalker/skylab)
![ci](https://github.com/moonwalker/skylab/workflows/ci/badge.svg)
[![renovatebot](https://img.shields.io/badge/dependencies-renovate-yellow)](https://renovatebot.com/dashboard#github/moonwalker/skylab)
[![relativeCI](https://badges.relative-ci.com/badges/zY8z3pNyxBpiK0z9Khhi?branch=master)](https://app.relative-ci.com/projects/zY8z3pNyxBpiK0z9Khhi)
[![](https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg?sanitize=true)](https://storybook.dreamz.com/skylab/storybook/master.html)


## Instalation

```shell
yarn add @moonwalker/skylab
```

## Usage

```js
import { Component } from '@moonwalker/skylab';

const CustomComponent = props => (
  <div>
    <Component {...props} />
  </div>
);
```

## Development

Start development environment on `http://localhost:8080`

```shell
yarn start
```

## Publishing

```shell
yarn bump
```

Will increase the version based on the recommended number provided by [conventional-changelog](https://github.com/release-it/conventional-changelog) plugin.

### Pre-releases

When publishing from a branch, the default behaviour is to publish a `beta` tag
