Tiptap Docs

DetailsSummary extension

Pro Extension

The Details extension enables you to use the <details> HTML tag in the editor. This is great to show and hide content.

Install

Set up access to Tiptap's private repository

Integrate this pro extension by registering for a free Tiptap account and following our access guide to Tiptap’s private repository.

npm install @tiptap-pro/extension-details-summary

This extension requires the Details and DetailsContent node.

Settings

HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

DetailsSummary.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})