React-core-components NPM

React Core Components

React core components is the simplest way to import the most used react components in web design like input box for text fields and password fields and number fields etc. With all the validation like isAlphabateOnly! isAlphNumericOnly! isNumberOnly!.And the second most important compoent is Button you can pass diffret styles in button that looks pretty awesome. The chatbox component mainly uses for the showing chat messages (like facebook).

Give examples

Installing

Install using npm

npm install react-core-components

and install using yarn

yarn add react-core-components

Import Components

there are many components in react-core-components.

Input - Input
Button - Button
ChatBox - Chatbox
Grid - Grid (for div and images both in dynamic height)
Icon - Icon
Image - Image

Import Styles

import "react-core-components/styles.css"

Input

Input component takes props for styles and functionality both

  <Input 
    type="text"
    value={this.state.input}
    isAlphbateOnly={true}
    onChange={(val)=>this.onChange(val)}
  />

Button

Button component takes props for styles and functionality both

  <Button
    label="Submit"
    disabled={false}
    onClick={()=>this.onClick()}
  />

ChatBox

Chatbox component takes list of message in shape of array of objects with key message, from ,time

  <ChatBox
    title="Message"
    messages={
                [
                  {from :"Denny",message:"Hey Denny"},
                  {from :"Denny",message:"I ma here"},
                  {from :"Denny",message:"Yahh...!"}
                ]
             }
  />