{"repo":"rajinwonderland/react-code-blocks","free":true,"listed":false,"github":"https://github.com/rajinwonderland/react-code-blocks","clone":"git clone https://github.com/rajinwonderland/react-code-blocks.git","description":"React code blocks and code snippet components","language":"TypeScript","stars":636,"topics":["react-components","prismjs","hljs","highlightjs","syntax-highlighting","remark","mdx","syntax-theme","react-codemirror","react-codemirror2"],"license":"MIT","category":"ui-components","readme_excerpt":"Welcome to react-code-blocks 👋👋👋 React components for rendering code snippets with syntax highlighting BREAKING CHANGES : VERSION = ^0.1.0 has not been tested with Node 14 or lower - Background - ✨ Storybook - Install - Usage - Components - CodeBlock - Props - CopyBlock - Props - Supported Themes - Supported Languages - Alternatives - Todos - Show your support - Author Background Initially, this started as a small project looking to modify Atlaskit's Code Block component to support more languages (i.e graphql , reasonml , etc). It then rapidly evolved into a never-ending rabbithole which ended up with support for themes (i.e railscast, darcula, monokai, etc), customizable styles, and copy functionality too. Contributions are welcome via PRs and issues. ✨ Storybook Install Install react-code-blocks Usage Updated usage instructions can be found here Components CodeBlock A simple code block component Props Note that CodeBlock & CopyBlock share exactly the same props name type default description ----------------- --------- ------------ -------------------------------------------------------------------------------------------------------------------------------------------------------------- text string required The code to be formatted language string \"text\" The language in which the code is written. See here for a list of supported languages showLineNumbers boolean true Indicates whether or not to show line numbers startingLineNumber number 1 if showLineNumbers is enabled t","default_branch":null,"files":null,"tree":[],"storefront":"/r/rajinwonderland","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rajinwonderland/react-code-blocks/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."}