https://github.com/lagz0ne/notion-content-render
A simple library to render Notion API responses
https://github.com/lagz0ne/notion-content-render
md notion react typescript
Last synced: about 2 months ago
JSON representation
A simple library to render Notion API responses
- Host: GitHub
- URL: https://github.com/lagz0ne/notion-content-render
- Owner: lagz0ne
- License: mit
- Created: 2021-06-26T07:44:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-29T07:37:33.000Z (almost 4 years ago)
- Last Synced: 2025-04-12T06:52:49.887Z (about 2 months ago)
- Topics: md, notion, react, typescript
- Language: TypeScript
- Homepage:
- Size: 161 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## **notion-content-render**
This is a simple walker through Notion block content structure and let you build the renderer
I created a sample of Markdown renderer and React renderer where you can freely style your component from Notion content. The exposed API matches with what Notion has provided via their official API
**Example**
```
const render = makeRenderer(mdStyleFactory);
...
render() ==> '#
```
## **References**
- [React simple renderer](src/react.style.tsx)
- [Markdown simple renderer](src/md.style.tsx)
- [Notion block content reference](https://developers.notion.com/reference/block)
- [Test suite content](https://www.notion.so/silenteer/Notion-supported-block-test-page-0185884dda90435bb1196daf5788cf05)