2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								## Class: TouchBarButton
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								>  Create a button in the touch bar for native macOS applications
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-06-15 13:50:31 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								Process: [Main ](../glossary.md#main-process )< br  /> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								_This class is not exported from the `'electron'`  module. It is only available as a return value of other methods in the Electron API._
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-04-02 09:32:18 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								### `new TouchBarButton(options)`
 
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								*  `options`  Object
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  *  `label`  string (optional) - Button text.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  *  `accessibilityLabel`  string (optional) - A short description of the button for use by screenreaders like VoiceOver.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  *  `backgroundColor`  string (optional) - Button background color in hex format,
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								    i.e `#ABCDEF` .
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  *  `icon`  [NativeImage ](native-image.md ) | string (optional) - Button icon.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								  *  `iconPosition`  string (optional) - Can be `left` , `right`  or `overlay` . Defaults to `overlay` .
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								  *  `click`  Function (optional) - Function to call when the button is clicked.
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								  *  `enabled`  boolean (optional) - Whether the button is in an enabled state.  Default is `true` .
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-10-08 17:13:57 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								When defining `accessibilityLabel` , ensure you have considered macOS [best practices ](https://developer.apple.com/documentation/appkit/nsaccessibilitybutton/1524910-accessibilitylabel?language=objc ).
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								### Instance Properties
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								The following properties are available on instances of `TouchBarButton` :
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-10-08 17:13:57 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								#### `touchBarButton.accessibilityLabel`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `string`  representing the description of the button to be read by a screen reader. Will only be read by screen readers if no label is set.
							 
						 
					
						
							
								
									
										
										
										
											2019-10-08 17:13:57 +02:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								#### `touchBarButton.label`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `string`  representing the button's current text. Changing this value immediately updates the button
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								in the touch bar.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								#### `touchBarButton.backgroundColor`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `string`  hex code representing the button's current background color. Changing this value immediately updates
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								the button in the touch bar.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								#### `touchBarButton.icon`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2017-03-04 16:14:41 +11:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `NativeImage`  representing the button's current icon. Changing this value immediately updates the button
							 
						 
					
						
							
								
									
										
										
										
											2017-03-03 09:54:46 -08:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								in the touch bar.
							 
						 
					
						
							
								
									
										
										
										
											2019-11-05 15:56:36 -08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-07-16 11:37:38 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								#### `touchBarButton.iconPosition`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `string`  - Can be `left` , `right`  or `overlay` .  Defaults to `overlay` .
							 
						 
					
						
							
								
									
										
										
										
											2020-07-16 11:37:38 -07:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2019-11-05 15:56:36 -08:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								#### `touchBarButton.enabled`
 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-11-16 05:13:18 +01:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								A `boolean`  representing whether the button is in an enabled state.