https://github.com/helpscout/artboard

🖼 Artboard - A tool kit for React UI development and design
https://github.com/helpscout/artboard

javascript open-source react storybook toolkit ui

Last synced: 3 months ago
JSON representation

🖼 Artboard - A tool kit for React UI development and design

• Host: GitHub
• URL: https://github.com/helpscout/artboard
• Owner: helpscout
• License: mit
• Created: 2018-10-30T22:32:26.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-17T12:49:42.000Z (about 6 years ago)
• Last Synced: 2025-04-12T04:54:41.104Z (3 months ago)
• Topics: javascript, open-source, react, storybook, toolkit, ui
• Language: TypeScript
• Homepage: https://helpscout-artboard.netlify.com/
• Size: 896 KB
• Stars: 14
• Watchers: 8
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🖼 Artboard

[![Build Status](https://travis-ci.org/helpscout/artboard.svg?branch=master)](https://travis-ci.org/helpscout/artboard)

[![npm version](https://badge.fury.io/js/%40helpscout%2Fartboard.svg)](https://badge.fury.io/js/%40helpscout%2Fartboard)

> A tool kit for React UI development and design

![Artboard screenshot](./images/artboard.jpg)

## Table of contents

- [Installation](#installation)

- [Usage](#usage)

Project is still under development!

## Installation

```text

npm install --save-dev @helpscout/artboard

```

## Usage

Here's an example Storybook story with Artboard!

```jsx

import React from 'react'

import Artboard from '@helpscout/artboard'

import MyComponent from './MyComponent'

const stories = storiesOf('MyComponent', module)

stories.add('Example', () => (

  

    

  

))

```