# react-windowed

[![Build Status](https://travis-ci.org/gyng/react-windowed.svg?branch=master)](https://travis-ci.org/gyng/react-windowed)
[![npm version](https://badge.fury.io/js/react-windowed.svg)](https://badge.fury.io/js/react-windowed)

[Demo](https://gyng.github.io/react-windowed/)

![Screenshot](./screenshot.png)

A toy implementation of Windows-styled windows in React. I personally use it for wrapping around development tools.

## Installation

    npm install react-windowed

or

    yarn add react-windowed

## Usage

See `example/` for detailed usage.

```jsx
// Frobulator.jsx
import { Group, Widget } from 'react-windowed';

export default const () => (
  <Widget title="🎃 Pumpkin">
    <Group title="Scissors">
      <button>Frobulate!</button>
    </Group>
  </Widget>
);
```

# react-windowed

[![Build Status](https://travis-ci.org/gyng/react-windowed.svg?branch=master)](https://travis-ci.org/gyng/react-windowed)
[![npm version](https://badge.fury.io/js/react-windowed.svg)](https://badge.fury.io/js/react-windowed)

![Screenshot](./screenshot.png)

A toy implementation of Windows-styled windows in React. I personally use it for wrapping around development tools.

## Installation

    npm install react-windowed

or

    yarn add react-windowed

## Usage

See `example/` for detailed usage.

```jsx
// Frobulator.jsx
import { Group, Widget } from 'react-windowed';

export default const () => (
  <Widget title="🎃 Pumpkin">
    <Group title="Scissors">
      <button>Frobulate!</button>
    </Group>
  </Widget>
);
```

Remove demo link from readme
Remove demo link from readme
