react-code-ray

.

Hi guys! This is my first NPM package, so I hope you will enjoy it. Other day, I as googling something and I noticed that all code on some of these website are the same, plain boring backgroud with some syntaxt highlighting. So I wrote package that can show you beautiful code, I took design from ray.so and converted it into NPM package. Test it out on: react-code-ray.amelislamovic.tech

Instalation

yarn add react-code-ray

or

npm install react-code-ray

Usage

import { RayCode } from "react-code-ray";

const code = `const a = 5 + 10;
console.log(a)`;

export default function App() {
  return (
    <div>
        <RayCode code={code} language="ts" >
    </div>
  );
}

Options

| title | title of code | string | | --------- | -------------------------------------------------- | ------ | | language | language in which code is written | string | | padding | padding that will be inside of our component | number | | code | code that will actually be inside of our component | string | | className | className that will be applied to parent element | string |