@unlimited-react-components/react-highlight
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.0 • Public • Published

    Unlimited React components logologo

    React Highlight 🖍️

    React component for highlighting js and jsx code

    license npm latest package install size Coverage Status Build Status Known Vulnerabilities Total alerts Language grade: JavaScript

    Sample result:

    Sample result image

    Installation

    react-highlight is available as an npm package.

    // with npm
    npm i @unlimited-react-components/react-highlight
    
    // or yran
    yarn add @unlimited-react-components/react-highlight

    Usage

    Here is a quick example to get you started, it's all you need:

    Edit Button

    import "./styles.css";
    import { Highligther } from "@unlimited-react-components/react-highlight";
    
    const App = (props) => {
      return <Highlighter>{makeCode}</Highlighter>;
    };
    export default App;
    const makeCode = `
        // this is a sample code
        const themes = {
          light: { ... },
          dark:  { ... }
        };
        const ThemeContext = React.createContext(themes.light);
        function App() {
          return (
            <ThemeContext.Provider value={themes.dark}>
              <Toolbar />
            </ThemeContext.Provider>
          );
        }
        function Toolbar(props) { ... }
        
        const ThemedButton =() => { ... }
    `;

    Props

    Name Description Default
    code The JSX code to be highlighted. ""
    style The in-line CSS object. Only affects the container { }
    children The JSX code to be highlighted in string format. ""
    onCopyToClipboard A Funtion that is triggered when copy to clipboard button is clicked. Returns the copied code as a string as first parameter. undefined

    License

    This project is licensed under the terms of the MIT license.

    Install

    npm i @unlimited-react-components/react-highlight

    DownloadsWeekly Downloads

    1

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    126 kB

    Total Files

    30

    Last publish

    Collaborators

    • jin_ssj3