react-window-ui 🖼✨


Demo & Examples

Live demo: react-window-ui.coston.io

What

React components for fast presentational window ui.

Installation

``bash
npm install --save react-window-ui
`

Window UI

- Browser (Like Mac OS X window UI)
- Terminal (Like Hyper terminal)
- MacTerminal (Like Mac OS X terminal)

$3

`js
import React from "react";
import { Browser } from "react-window-ui";

export default () => (



wow



);
`

Options

| Prop | Type | Description |
| ----------- | --------- | --------------------------------------------------------- |
| topbarTitle | string | title of the topbar |
| topbarTitleColor | string | color of topbar title |
| barHeight | string | height of the topbar |
| divider | string | css border values of topbar border-bottom |
| padding | string | css padding of content widow |
| topbarColor | string | color of topbar |
| background | string | color of main content window |
| border | string | css border values of outer border |
| grayscale | boolean | sets ui button to greyscale instead of red, yellow, green |
| boxShadow | string | customize box shadow styles |

Development

`bash
npm run build
``

Contributing

Please help make this react component better. Submit any issue and/or make a pull request!

$3

- Write some good tests

License

Licensed under the GNU General Public License v3.0.