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