Because this library is being currently built for Electron and NW.js, the examples and demos on this site will only work properly in Chrome.

Window

Properties

Property	Type	Description
background	string	Sets the background color of a component.
chrome	bool	Sets the chrome of the window.
height	number	Sets the height of a component.
hidden	bool	Sets the visibility of a component.
horizontalAlignment	string	Sets the horizontal alignment of the component's content Property value "left", "center", "right"
padding	string, number	Sets the padding inside a component. E.G. "30px 20px"
paddingBottom	string, number	Sets the padding bottom inside a component.
paddingLeft	string, number	Sets the padding left inside a component.
paddingRight	string, number	Sets the padding right inside a component.
paddingTop	string, number	Sets the padding top inside a component.
verticalAlignment	string	Sets the vertical alignment of the component's content. Property value "top", "center", "bottom"
width	number	Sets the width of a component.

Examples

import React, { Component } from 'react';
import { Window, TitleBar, Text } from 'react-desktop/macOs';

export default class extends Component {
  render() {
    return (
      <Window
        chrome
        height="300px"
        padding="10px"
      >
        <TitleBar title="untitled text 5" controls/>
        <Text>Hello World</Text>
      </Window>
    );
  }
}