2.2.0 • Published 5 years ago
react-window-ui v2.2.0
react-window-ui 🖼✨
Demo & Examples
Live demo: react-window-ui.coston.io
What
React components for fast presentational window ui.
Installation
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)
Input
import React from "react";
import { Browser } from "react-window-ui";
export default () => (
<Browser>
<h1>wow</h1>
</Browser>
);
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
npm run build
Contributing
Please help make this react component better. Submit any issue and/or make a pull request!
To Do
- Write some good tests
License
Licensed under the GNU General Public License v3.0.