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>
    );
  }
}