add toolbaritem button

2020-08-16 22:16:14 +01:00 · 2020-08-16 22:16:14 +01:00 · be412544ee
parent 2d4e04211b
commit be412544ee
1 changed files with 8 additions and 4 deletions
--- a/src/index.js
+++ b/src/index.js
@ -45,6 +45,10 @@ registerBlockType(`${NAMESPACE}/${SLUG}`, {
 			type: 'string',
 			default: 'rgba(0, 0, 0, 1)',
 		},
+		toggle: {
+			type: 'boolean',
+			default: false,
+		},
 	},

 	edit({ attributes, setAttributes, className }) {
@ -70,11 +74,11 @@ registerBlockType(`${NAMESPACE}/${SLUG}`, {
 					<ToolbarGroup>
 						<ToolbarItem
 							as={Button}
-							onClick={() =>
-								console.log('Toolbar Button go brrrr!')
-							}
+							onClick={() => {
+								setAttributes({ toggle: !attributes.toggle });
+							}}
 						>
-							Toolbar Button
+							Toggle {attributes.toggle ? 'On' : 'Off'}
 						</ToolbarItem>
 					</ToolbarGroup>
 				</BlockControls>