@f-ui/markdown NPM

Fabric-UI Markdown

A Markdown processor built from scratch to work with React.

Installation

// with npm
npm i @f-ui/markdown

// with yarn
yarn add @f-ui/markdown

Usage

You can send any Markdown string text to the useMarkdown hook. In this example the useGithubFile is being used to fetch a github-hosted MD file.

import React from 'react';
import ReactDOM from 'react-dom';
import {Markdown, useGithubFile, useMarkdown} from "@f-ui/markdown"

function App() {
    const markdownText = useGithubFile({
      user: 'myself',
      repo: 'myRepo',
      branch: 'myBranch',
      filePath: '/path/to/file.md'
    })

    const mdHook = useMarkdown(markdownText)

    return (
      <Markdown hook={mdHook}/>
  );
}

ReactDOM.render(<App/>, document.querySelector('#app'));