rayelliott
/
wp-gutenberg-block-template
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add toolbaritem button

This commit is contained in:
Ray Elliott 2020-08-16 22:16:14 +01:00
parent 2d4e04211b
commit be412544ee
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.js
View File

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