box.md

Box

Properties

Property	Type	Description
background	string	Sets the background color of a component.
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"
label	string	Adds a label to the box.
margin	string	Sets the outer margin of a component. E.G. "30px 20px"
padding	string	Sets the padding inside a component. E.G. "30px 20px"
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 { Box, Text } from 'react-desktop/macOs';

export default class extends Component {
  render() {
    return (
      <Box label="Box" padding="10px 30px">
        <Text>Some text...</Text>
      </Box>
    );
  }
}