index.js 936 B

1234567891011121314151617181920212223242526
  1. const { registerBlockType } = wp.blocks;
  2. const { createElement } = wp.element;
  3. registerBlockType('srh/offcanvas-menu', {
  4. editorStyle: 'offcanvas-menu-editor',
  5. edit: function() {
  6. return createElement('div', { className: 'wp-block-srh-offcanvas-menu' },
  7. createElement('button', {
  8. className: 'hamburger-toggle',
  9. 'aria-label': 'Toggle Menu'
  10. },
  11. createElement('div', { className: 'hamburger-lines' },
  12. createElement('span', {}),
  13. createElement('span', {}),
  14. createElement('span', {})
  15. ),
  16. createElement('span', { className: 'menu-text' }, 'Menu')
  17. ),
  18. createElement('div', { className: 'offcanvas-menu' },
  19. createElement('div', { className: 'offcanvas-menu-inner' })
  20. )
  21. );
  22. },
  23. save: () => null
  24. });