sk-react-component v1.0.23

sk-react-component

react component library with some basic component like button, input findGithubRepo

Installation

# using npm
npm install sk-react-component

# using yarn
yarn add sk-react-component

Usage

# using require
const {
    Button,
    Input,
    FindGithubRepo
} = require('sk-react-component');

# using import
import {
    Button,
    Input,
    FindGithubRepo
} from 'sk-react-component';

Example

Using Button:

<Button 
    width={width}  // width of the button -> default : 100
    height={height}  // height of the button -> default : 30
    bgColor={bgColor}  //background color -> default : blue
    textColor={textColor}  // color of the text
    onClick = {onClick} // event handler for onclick
    text = {text}  // text of the button
/>

Using Input:

<Input
    type={'text'}  // type of the input -> default : text
    name={name}  // name attribute of the input element
    value={value}  // value attribute of the input
    onChange={() => {}} // event handler for onChange
/>

Using FindGithubRepo:

<FindGithubRepo
    mainDivCss = {{ width: "100%",height: "100%" }}  // css for main Div
    searchDivCss = {{borderBottom: "1px solid #EDEDED"}}  // css for search div or upper div
    resultDivCss = {{  width: "100%",height: "100%" }}  // css for result show div or lower div
/>