@jehankandy/react-jkcss v1.2.0

React-JKCSS

About React-JKCSS :heart:

• First Sri Lankan React support front-end development CSS framework
• • parallelly develop with JKCSS
• This is the JKCSS components Build with React
• Dynamic front-end development CSS framework

Quick Start Guide :computer:

• In Your React js Project
• open Terminal and install @jehankandy/react-jkcss

    npm i @jehankandy/react-jkcss

• follow up following code

import React from 'react'
import {ButtonBlue, ButtonRed, ButtonGray, ButtonGreen, ButtonInfo, ButtonYellow, ButtonCustom, BasicTable, BasicTableHover} from 'react-jkcss'


const ReactJK = () => {
  return (
    <div className="">
        <div>TesTing JKCSS REact</div>

        <ButtonBlue>
            Blue Button
        </ButtonBlue>
        <ButtonRed>
            Red Button
        </ButtonRed>
        <ButtonGray>
            Gray Button
        </ButtonGray>
        <ButtonGreen>
            Green Button
        </ButtonGreen>
        <ButtonInfo>
            Info Button
        </ButtonInfo>
        <ButtonYellow>
            Yellow Button
        </ButtonYellow>

        // custom button
        <ButtonCustom bgColor={"red"} textColor={"white"}>Custom Button</ButtonCustom>

        // tables

        <BasicTable columns={columns} data={data} />
        <BasicTableHover columns={columns} data={data} />

    </div>
  )
}

export default ReactJK

Documentation :notebook:

Versioning of the project :grey_question:

Developers and Designers

• JehanKandy
• Anupa Gamage

License Copyright

• The React-JKCSS is Licensed under MIT