DetailsContent

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

Installation

Pro Extension

All Tiptap Pro extensions require access to our private registry, set this up first.

Once done, you can install the extension from our private registry:

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

This extension requires the Details and DetailsSummary node.

Settings

HTMLAttributes

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

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

Usage