docs/mac-os/title-bar.md
# TitleBar
### Properties
Property | Type | Description
:------------------ | :-----------:| :----------
controls | bool | Sets the visibility of the controls of the title bar.
inset | bool | Sets the controls of the title bar state to be inset.
isFullscreen | bool | Sets the title bar state to fullscreen.
onCloseClick | function | Callback function of the close button.
onMaximizeClick | function | Callback function of the maximize button
onMinimizeClick | function | Callback function of the minimize button
onResizeClick | function | Callback function of the resize button
title | string | Sets the title of the title bar.
transparent | bool | Make the title bar background transparent.
disableClose | bool | Disable the close button.
disableMinimize | bool | Disable the minimize button.
disableResize | bool | Disable the resize button.
disableFullscreen | bool | Disable fullscreen, will show the '+' maximize icon instead.
### Examples
```jsx
import React, { Component } from 'react';
import { View, TitleBar } from 'react-desktop/macOs';
export default class extends Component {
constructor() {
super();
this.state = { isFullscreen: false };
}
render() {
return (
<TitleBar
title="untitled text 5"
controls
isFullscreen={this.state.isFullscreen}
onCloseClick={() => console.log('Close window')}
onMinimizeClick={() => console.log('Minimize window')}
onMaximizeClick={() => console.log('Mazimize window')}
onResizeClick={() => this.setState({ isFullscreen: !this.state.isFullscreen })}
/>
);
}
}
```