react-core-components
v0.2.8
Published
*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!
Downloads
10
Readme
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...!"}
]
}
/>
Deployment
Add additional notes about how to deploy this on a live system
Contributing
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
Versioning
We use SemVer for versioning. For the versions available, see the tags on this repository.
Authors
- Aakarsh Yadav - Freelancer - PurpleBooth
See also the list of contributors who participated in this project.
License
This project is licensed under the MIT License - see the LICENSE.md file for details