https://github.com/obartra/attina

React Mermaid Renderer 🐟
https://github.com/obartra/attina

graph mermaid

Last synced: about 1 month ago
JSON representation

React Mermaid Renderer 🐟

• Host: GitHub
• URL: https://github.com/obartra/attina
• Owner: obartra
• License: mit
• Created: 2017-10-07T17:24:11.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-23T00:54:42.000Z (about 1 year ago)
• Last Synced: 2024-08-07T20:57:38.992Z (about 2 months ago)
• Topics: graph, mermaid
• Language: JavaScript
• Homepage:
• Size: 679 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Attina 🐟

Mermaid react renderer compatible with React 15.5+ based off [React Mermaid](https://github.com/jasonbellamy/react-mermaid)

Uses [Mermaid](https://mermaidjs.github.io/mermaidAPI.html) under the hood

## Setup

Install with:

```shell

$ yarn add attina

```

## Usage

```js

B;

    A-->C;

    B-->D;

    C-->D;`}

/>

```

Will produce the following output:

![](img/output.png)

## Demo

You can modify this example on codesandbox:

[![Edit 7jqo862n7j](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/7jqo862n7j)