Mermaid

Mermaid is a component for rendering Mermaid diagrams in React. It supports various diagram types like flowcharts, sequence diagrams, class diagrams, and more with customizable styling and interactive features.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Mermaid/const.ts
• src/Mermaid/FullFeatured.tsx
• src/Mermaid/index.ts
• src/Mermaid/Mermaid.tsx
• src/Mermaid/stable.ts
• src/Mermaid/themes.ts
• src/Mermaid/type.ts
• src/Mermaid/SyntaxMermaid/index.tsx

Source

https://github.com/lobehub/lobe-ui

Categories

• Diagram Components
• React Diagram Components
• Flow Diagram Components
• React Flow Diagram Components

More from Lobe UI

• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block
• Breadcrumb
• Burger