{"repo":"sibiraj-s/marked-react","free":true,"listed":false,"github":"https://github.com/sibiraj-s/marked-react","clone":"git clone https://github.com/sibiraj-s/marked-react.git","description":"⚛️ Render Markdown as React components","language":"TypeScript","stars":97,"topics":["markdown","react","markedjs","react-markdown"],"license":"MIT","category":"productivity","readme_excerpt":"marked-react Render Markdown as React components using [marked]. TL;DR - Uses marked to parse markdown - Renders actual react elements instead of using dangerouslySetInnerHTML - HTML in markdown is rendered as plain text [Demo] Installation Usage Component Props - value [ string ] - Markdown content. - baseURL [ string ] - A prefix url for any relative link. - openLinksInNewTab [ boolean ] - Attribute target= blank will be added to link elements - langPrefix [ string ] - A string to prefix the className in a block. Useful for syntax highlighting. Defaults to language- . - breaks [ boolean ] - Add br tag on single line breaks. Requires gfm to be true - gfm [ boolean ] - Use approved Github Flavoured Markdown - isInline [ boolean ] - Parse inline markdown. Syntax highlight code blocks An example with [react-lowlight] Some awesome options available to highlight code - [react-syntax-highlighter] - [react-lowlight] - [react-refractor] [marked]: https://marked.js.org/ [demo]: https://sibiraj-s.github.io/marked-react/ [react-lowlight]: https://github.com/rexxars/react-lowlight [react-refractor]: https://github.com/rexxars/react-refractor [react-syntax-highlighter]: https://github.com/react-syntax-highlighter/react-syntax-highlighter","default_branch":null,"files":null,"tree":[],"storefront":"/r/sibiraj-s","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sibiraj-s/marked-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}