# react-native-marked-non-list > Markdown renderer for React Native powered by marked.js Latest version **1.10.0** (published 2023-02-06) · MIT license · 0 weekly downloads ## Install ```sh npm install react-native-marked-non-list pnpm add react-native-marked-non-list yarn add react-native-marked-non-list bun add react-native-marked-non-list ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.10.0 | | Published | 2023-02-06 | | First published | 2023-02-06 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 4 | | Unpacked size | 105 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 0 | | Author | Gowtham G | | Maintainers | snap-development | | Keywords | react-native, markdown, react-native markdown | ## Links - npm: https://www.npmjs.com/package/react-native-marked-non-list - Repository: https://github.com/aarongriffin-snap/react-native-marked-non-list - Homepage: https://github.com/gmsgowtham/react-native-marked#readme - Issues: https://github.com/gmsgowtham/react-native-marked/issues - npm.io page: https://npm.io/package/react-native-marked-non-list ## Dependencies (4) - [marked](https://npm.io/package/marked.md) 4.2.12 - [@jsamr/counter-style](https://npm.io/package/@jsamr/counter-style.md) 2.0.2 - [@jsamr/react-native-li](https://npm.io/package/@jsamr/react-native-li.md) 2.3.1 - [react-native-fit-image](https://npm.io/package/react-native-fit-image.md) 1.5.5 ## Alternatives - [@mdxeditor/editor](https://npm.io/package/@mdxeditor/editor.md) — 962.4K weekly downloads - [mmdb-lib](https://npm.io/package/mmdb-lib.md) — 680.9K weekly downloads - [playcanvas](https://npm.io/package/playcanvas.md) — 36.2K weekly downloads - [@glw907/cairn-cms](https://npm.io/package/@glw907/cairn-cms.md) — 967 weekly downloads - [markdown-to-confluence](https://npm.io/package/markdown-to-confluence.md) — 103 weekly downloads ## Recent versions - 1.10.0 (latest) — 2023-02-06 - 1.9.0 — 2023-02-06 - 1.7.0 — 2023-02-06 ## README # react-native-marked [![GitHub license](https://img.shields.io/github/license/gmsgowtham/react-native-marked)](https://github.com/gmsgowtham/react-native-marked/blob/main/LICENSE) [![CI](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml/badge.svg)](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml) [![Coverage Status](https://coveralls.io/repos/github/gmsgowtham/react-native-marked/badge.svg?branch=main)](https://coveralls.io/github/gmsgowtham/react-native-marked?branch=main) [![npm](https://img.shields.io/npm/v/react-native-marked)](https://www.npmjs.com/package/react-native-marked) [![npm](https://img.shields.io/npm/dw/react-native-marked)](https://www.npmjs.com/package/react-native-marked) Markdown renderer for React Native powered by [marked.js](https://marked.js.org/) with built-in theming support ## Installation ```sh yarn add react-native-marked ``` ## Usage ```jsx import * as React from 'react'; import Markdown from 'react-native-marked'; const ExampleComponent = () => { return ( ); }; export default ExampleComponent; ``` ## Examples - RN App: https://github.com/gmsgowtham/react-native-marked-test - Snack: https://snack.expo.dev/@gmsgowtham/react-native-marked ## [Props](https://github.com/gmsgowtham/react-native-marked/blob/main/src/lib/types.ts#L9) | Prop | Description | Type | Optional? | | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | | value | Markdown value | string | false | | flatListProps | Props for customizing the underlying FlatList used | `Omit, 'data' \| 'renderItem' \| 'horizontal'>`


(`'data'`, `'renderItem'`, and `'horizontal'` props are omitted and cannot be overridden.) | true | | styles | Styles for parsed components | [MarkedStyles](https://github.com/gmsgowtham/react-native-marked/blob/4ef070931b7d309a7490c41e45129e12525d12d9/src/theme/types.ts#L3) | true | | theme | Props for customizing colors and spacing for all components,and it will get overridden with custom component style applied via 'styles' prop | [UserTheme](https://github.com/gmsgowtham/react-native-marked/blob/6eba804c617099ffb574aa97c57a71ea3e0184fb/src/theme/types.ts#L28) | true | | baseUrl | A prefix url for any relative link | string | true | ## Supported elements - [x] Headings (1 to 6) - [x] Paragraph - [x] Emphasis (bold, italic, and strikethrough) - [x] Link - [x] Image - [x] Blockquote - [x] Inline Code - [x] Code Block - [x] List (ordered, unordered) - [x] Horizontal Rule - [ ] Table - [ ] HTML Ref: [CommonMark](https://commonmark.org/help/) > HTML will be treated as plain text ## Screenshots | Dark Theme | Light Theme | | :-----------------------------------------------------------: | :--------------------------------------------------------------: | | ![Dark theme](assets/dark-theme-01.png?raw=true 'Dark Theme') | ![Light theme](assets/light-theme-01.png?raw=true 'Light Theme') | ## Contributing See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. ## License MIT --- Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob) ## Built with - [Marked](https://marked.js.org/) - [React Native Fit Image](https://github.com/huiseoul/react-native-fit-image) - [@jsamr/react-native-li](https://github.com/jsamr/react-native-li) --- _Source: https://npm.io/package/react-native-marked-non-list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._