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.

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.

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