Skip to content

feat(richtext-lexical): adds docs page for lexical blocks, adds new lexical block component types and styles#14971

Merged
AlessioGr merged 16 commits into
mainfrom
docs/lexical-blocks
Jan 5, 2026
Merged

feat(richtext-lexical): adds docs page for lexical blocks, adds new lexical block component types and styles#14971
AlessioGr merged 16 commits into
mainfrom
docs/lexical-blocks

Conversation

@AlessioGr
Copy link
Copy Markdown
Member

@AlessioGr AlessioGr commented Dec 18, 2025

Preview: https://payloadcms.com/docs/dynamic/rich-text/blocks?branch=docs/lexical-blocks

This PR creates a new documentation page for lexical blocks, with lots of images and examples showing how to use the blocks feature and customize it.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 18, 2025

📦 esbuild Bundle Analysis for payload

This analysis was generated by esbuild-bundle-analyzer. 🤖
This PR introduced no changes to the esbuild bundle! 🙌

@extend %body;
@include shadow-sm;
display: inline-block;
margin-right: base(0.2);
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Had to move those styles down to the container. Otherwise, you cannot override them when passing a custom block component, as that only replaces the container.

/**
* Props for the client components provided to `admin.components.Block` of lexical blocks.
*/
export type LexicalBlockClientProps = UIFieldClientProps
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

At the moment those components do not receive any special props, since they are rendered like UI fields.

Nonetheless we should provide prop types for each component, to not leave the user guessing.

@AlessioGr AlessioGr marked this pull request as ready for review December 18, 2025 23:41
@AlessioGr AlessioGr enabled auto-merge (squash) December 18, 2025 23:49
@AlessioGr AlessioGr changed the title docs(richtext-lexical): adds docs page for lexical blocks feat(richtext-lexical): adds docs page for lexical blocks, adds new lexical block component types and styles Dec 19, 2025
@AlessioGr AlessioGr disabled auto-merge December 19, 2025 20:49
@AlessioGr AlessioGr enabled auto-merge (squash) December 19, 2025 20:49
@DanRibbens DanRibbens requested a review from GermanJablo January 5, 2026 17:01
@AlessioGr AlessioGr merged commit 329115c into main Jan 5, 2026
193 of 196 checks passed
@AlessioGr AlessioGr deleted the docs/lexical-blocks branch January 5, 2026 18:43
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jan 5, 2026

🚀 This is included in version v3.70.0

zubricks pushed a commit that referenced this pull request Jan 6, 2026
…exical block component types and styles (#14971)

Preview:
https://payloadcms.com/docs/dynamic/rich-text/blocks?branch=docs/lexical-blocks

This PR creates a new documentation page for lexical blocks, with lots
of images and examples showing how to use the blocks feature and
customize it.
teastudiopl pushed a commit to teastudiopl/payload that referenced this pull request Jan 8, 2026
…exical block component types and styles (payloadcms#14971)

Preview:
https://payloadcms.com/docs/dynamic/rich-text/blocks?branch=docs/lexical-blocks

This PR creates a new documentation page for lexical blocks, with lots
of images and examples showing how to use the blocks feature and
customize it.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants