Blocks_ger at

Table of Contents

• Beschreibung
• Code
• Code Sandbox

Beschreibung

Der Block ist der Baustein, der das StreamField ermöglicht. Mithilfe von Blöcken können Sie komplexe editierbate React Komponenten bauen. Im Block sind alle Jaen Felder erlaubt.

Code

import {JaenBlock, fields} from '@snek-at/jaen-pages'

const CardBlock: JaenBlock = () => {
  return (
    <div className="card">
      <h1>
      	<fields.TextField 
      	  fieldName="blocktext"
	  initValue="<p>this is your heading</p>"
	  rtf={false}
	/>
      </h1>
      <fields.ImageField 
        fieldName="blockimage"
	initValue={{src: 'https://your.source', alt: 'yourAlt'}}
	style={{width: '300px', heigth: '180px'}}
      />
    </div>
  )
}

CardBlock.BlockName = 'CardBlock'
CardBlock.BlockDisplayName = 'Card'

export default CardBlock

Code Sandbox

WIP