preact-sample-define-atom-block

PreviousNext
Docs
prosekitcomponent

Preview

Loading preview…
registry/src/preact/sample/define-atom-block.ts
import { defineNodeSpec } from 'prosekit/core'

/**
 * Defines an atom block node for testing purposes.
 */
export function defineAtomBlock() {
  return defineNodeSpec({
    name: 'atomBlock',
    group: 'block',
    atom: true,
    parseDOM: [{
      tag: 'div[data-atom-block]',
    }],
    toDOM: () => {
      return ['div', { 'data-atom-block': 'true' }, 'atom block']
    },
  })
}

Installation

npx shadcn@latest add @prosekit/preact-sample-define-atom-block

Usage

import { PreactSampleDefineAtomBlock } from "@/components/preact-sample-define-atom-block"
<PreactSampleDefineAtomBlock />