electron/docs/api/touch-bar.md

Class: TouchBar

Create TouchBar layouts for native macOS applications

Process: Main

new TouchBar(items)

• items (TouchBarButton | TouchBarColorPicker | TouchBarGroup | TouchBarLabel | TouchBarPopOver | TouchBarSlider)[]

Creates a new touch bar. Note any changes to the TouchBar instance will not affect the rendered TouchBar. To affect the rendered TouchBar you must use either methods on the TouchBar or methods on the TouchBar* items

Instance Methods

The menu object has the following instance methods:

touchBar.destroy()

Immediately destroys the TouchBar instance and will reset the rendered touch bar.

Examples

The TouchBar class is only available in the main process, it is not currently possible to use in the renderer process even through the remote module.

Main process

An example of creating a touch bar in the main process:

const {TouchBar, TouchBarButton} = require('electron')

const touchBar = new TouchBar([
  new TouchBarButton({
    label: 'Example Button',
    click: () => console.log('I was clicked')
  })
])

mainWindow.setTouchBar(touchBar)