docs/mac-os/view.md
# View
### 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<br/>__Property value__ _"left"_, _"center"_, _"right"_
layout | string | Sets the direction of the content.<br/>__Property value__ _"horizontal"_, _"vertical"_
margin | string, number | Sets the outer margin of a component.<br/>__E.G.__ _"30px 20px"_
marginBottom | string, number | Sets the outer margin bottom of a component.
marginLeft | string, number | Sets the outer margin left of a component.
marginRight | string, number | Sets the outer margin right of a component.
marginTop | string, number | Sets the outer margin top of a component.
padding | string, number | Sets the padding inside a component.<br/>__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.<br/>__Property value__ _"top"_, _"center"_, _"bottom"_
width | number | Sets the width of a component.
### Examples
```jsx
import React, { Component } from 'react';
import { View, Text } from 'react-desktop/macOs';
export default class extends Component {
render() {
return (
<View
background="black"
padding="20px"
horizontalAlignment="center"
verticalAlignment="center"
width="200px"
height="100px"
>
<Text color="white">Hello World</Text>
</View>
);
}
}
```