# horizon-test-storybook

> testing horizon lib structure

Latest version **0.1.6** (published 2019-10-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install horizon-test-storybook
pnpm add horizon-test-storybook
yarn add horizon-test-storybook
bun add horizon-test-storybook
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2019-10-18 |
| First published | 2019-10-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Stuart Glass |
| Maintainers | stuglass |

## Links

- npm: https://www.npmjs.com/package/horizon-test-storybook
- Repository: https://github.com/stubidoo/storybooktest
- Homepage: https://github.com/stubidoo/storybooktest#readme
- Issues: https://github.com/stubidoo/storybooktest/issues
- npm.io page: https://npm.io/package/horizon-test-storybook

## Dependencies (6)

- [react](https://npm.io/package/react.md) ^16.10.2
- [react-dom](https://npm.io/package/react-dom.md) ^16.10.2
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [@emotion/core](https://npm.io/package/@emotion/core.md) ^10.0.21
- [react-scripts](https://npm.io/package/react-scripts.md) 3.2.0
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^10.0.17

## Recent versions

- 0.1.6 (latest) — 2019-10-18
- 0.1.5 — 2019-10-18
- 0.1.4 — 2019-10-18
- 0.1.3 — 2019-10-18
- 0.1.2 — 2019-10-18
- 0.1.1 — 2019-10-18

## README

## Introduction
This is a component library designed to be imported into any React / Gatsby based project. The components have been developed in StoryBook which can be run from the project. 

### Dependancies
The component library's main dependancies are React and <a href='https://emotion.sh/docs/introduction'>Emotion</a>. These will be added during installation if they don't already exist in your project.

## How to maintain this Library
1. Develop and maintain your components in the `/src` folder.
2. Build out a static version of StoryBook and host appropratley for all stakeholders to access.
3. Build the components for distribution, to be used by the organisation in developing web applications.

## How to consume this library in another project
1. Install as a dependancy to your React or Gatsby project - `yarn add horizon-test-storybook`
2. If using Gatsby, be sure to include the <a href="https://www.gatsbyjs.org/docs/emotion/">Gatsby Emotion Plugin</a>
3. Import components to be utilised and start building. 

### Gatsby Example:  

```javascript
import React from "react"
import { Link } from "gatsby"
import Layout from "../components/layout"
import SEO from "../components/seo"

import { Button } from "horizon-test-storybook"

const IndexPage = () => (
  <Layout>
    <SEO title="Home" />
    <h1>Hi people</h1>
    <p>Gatsby + Horizon</p>
    <p>Now go build something great.</p>
    
    <Button 
      text='Horizon'
    /> 
    
    <br/><br/>
    <Link to="/page-2/">Go to page 2</Link>
  </Layout>
)
export default IndexPage  

```

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs storybook in development


### `yarn test`

Runs react test scripts

### `yarn build`

Builds out the components to the package `/dist` folder

### `yarn build-storybook`

Builds a static version of story book in `storybook-static`

<br/>
<hr/>

## That's All Folks!

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