Looking for a "Read More" component for the block editor.

I am looking for a “Read More” component that an editor can drag into the block editor to give a natural break. I’d eventually want on the frontend for the rest of the content to hide, so a user can click on Read More to reveal content. Before I set out trying to build such a thing, wanted to check in with the hive mind to see if there’s something like this already available?

I actually have a demo for it here https://codesandbox.io/s/portable-text-serializer-for-breaks-e4v35

haha brilliant!

It uses the deprecated block-content-to-react package, but shouldn’t be too hard to translate to the new

@portabletext/react

package. Mostly the props that have changed names.