0.1.22 • Published 1 year ago

react-code-ray v0.1.22

Weekly downloads
-
License
-
Repository
github
Last release
1 year ago

react-code-ray

alt.

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

titletitle of codestring
languagelanguage in which code is writtenstring
paddingpadding that will be inside of our componentnumber
codecode that will actually be inside of our componentstring
classNameclassName that will be applied to parent elementstring
0.1.22

1 year ago

0.1.21

1 year ago

0.1.20

1 year ago

0.1.19

1 year ago

0.1.18

1 year ago

0.1.16

1 year ago

0.1.15

1 year ago

0.1.14

1 year ago

0.1.13

1 year ago

0.1.12

1 year ago

0.1.11

1 year ago

0.1.10

1 year ago

0.1.9

1 year ago

0.1.8

1 year ago

0.1.7

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago