DetailsSummary
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-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',
},
})