@jsx6/nodditor/src/blocks/Message.js

JSX6 blocky nodes code editor

import { addClass, setAttribute } from '@jsx6/jsx6'

import { EditableTitle } from '../EditableTitle.js'

export function Message(attr) {
  addClass(attr, 'ne-block')
  let title = EditableTitle({ onchange: e => console.log('change'), oninput: e => console.log('input') })
  title.setValue('Message')
  return (
    <div {...attr}>
      <div class="ne-title" ne-drag ne-item>
        <b ncid="i1" ne-connect="in" />
        {title}
      </div>
      <div class="ne-content">
        <div ne-nodrag>NO DRAG</div>
        <div ne-item>
          bla bla
          <b ncid="o1" ne-connect="out" />
        </div>
      </div>
    </div>
  )
}