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

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