We learned today that https://www.drupal.org/project/gutenberg is using regular block & layout plugins.

So, let's try the block & layouts we are generating with this popular project

Gutenberg is also using its own plugin type: https://git.drupalcode.org/project/gutenberg/-/tree/3.0.x/src/Plugin/Gut... so maybe block & layouts plugins are not enough for a full experience, but it is already useful to have a look

CommentFileSizeAuthor
#3 Drupal Gutenberg with UI Patterns.png235.93 KBg4mbini

Comments

pdureau created an issue. See original summary.

pdureau’s picture

pdureau commented
Title: [2.0.0-beta4] Test ComponentLayout & BlockLayout with gutenberg » [2.0.0-beta5] Test ComponentLayout & BlockLayout with gutenberg
g4mbini’s picture

g4mbini
Primary language French
Location Ruvo di Puglia (BA)
commented
Issue tags: +UI Suite Initiative
StatusFileSize
new Drupal Gutenberg with UI Patterns.png235.93 KB

I finally succeeded to use UI Patterns 2 with Gutenberg for Drupal.

Patterns can be used as Blocks. It's working but not really user friendly for content editors (mainly, too much site builder configs). When we want to add a component as block Gutenberg, it:

  • opens a modal with all slot and props config (which is too complicated for content editors)
  • scrolls up each time you want to add an element to a slot
  • ...

See screenshot for the result obtained adding:

  • an alert component
  • a 2 cols grid
  • button and badge components to the first col
  • badge component to the second col

Gutenberg with UI Patterns 2

g4mbini’s picture

g4mbini
Primary language French
Location Ruvo di Puglia (BA)
commented
Assigned: g4mbini » Unassigned
pdureau’s picture

pdureau commented
Status: Active » Fixed

So, it looks OK on our side.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

pdureau’s picture

pdureau commented