index.js 816 B

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