{children}
\n ),\n\n // Render Kyro uploads as responsive images\n image: ({ node }) => (\n\n
\n );\n}\n```\n\n---\n\n## Supported Nodes and Marks\n\nBy default, the renderer supports mapping these Tiptap formats to standard HTML tags:\n\n**Types (Blocks):**\n- `doc` -> ``\n- `heading` -> `
` - ``\n- `blockquote` -> ``\n- `bulletList` -> ``\n- `orderedList` -> ``\n- `listItem` -> `- `\n- `codeBlock` -> `
`\n- `horizontalRule` -> `
`\n- `hardBreak` -> `
`\n- `image` -> `![]()
`\n\n**Marks (Inline):**\n- `bold` -> ``\n- `italic` -> ``\n- `strike` -> ``\n- `code` -> ``\n- `underline` -> ``\n- `link` -> ``\n\nIf your Kyro CMS uses custom blocks in the rich text editor, you can handle them by adding a new key to the `types` object in your `components` prop matching your custom block's `type` string.\n\n---\n\n## License\n\nMIT\n","readmeFilename":"README.md"}
`\n- `bulletList` -> ``\n- `orderedList` -> `
`\n- `listItem` -> `
- `\n- `codeBlock` -> `
`\n- `horizontalRule` -> `
`\n- `hardBreak` -> `
`\n- `image` -> ``\n\n**Marks (Inline):**\n- `bold` -> ``\n- `italic` -> ``\n- `strike` -> `
`\n- `code` -> ``\n- `underline` -> ``\n- `link` -> ``\n\nIf your Kyro CMS uses custom blocks in the rich text editor, you can handle them by adding a new key to the `types` object in your `components` prop matching your custom block's `type` string.\n\n---\n\n## License\n\nMIT\n","readmeFilename":"README.md"}