window.md

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