Skip to content

saifkhan7865/reactinteresttag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

#What is this?

This is a react package that gives you a lot of control on the interest tags that you find while applying jobs (the interests), normally these are used to give the interests

#Initialization

npm install react-interest-tag --save

Then...

#How do you use it?

//importing the component
import Tags from "react-tags-interest";

<Tags 
    InputClass={"InputClass"} //class for the input the place where you will enter the text 
    CrossClass={"cross"} //cross button on the tag you can add hover event on the class 
    SendClass={"sendButton"} //the send button style in the input element 
    SendImage={rightarrow} // send image 
    CustomStyle={{ color: "#000", margin: "3px" }} //custom style for the element/tag i.e. the button 
    styleClass={"btn btn-outline-primary buttonHover"} //style for the button i.e the element/tag 
    crossImage={cancel} //cross Image that is in the button of the tag/element 'x' 
    value={{ 
    value: value, //BOOLEAN STATE TRUE = SHOW, FALSE = HIDE COMPONENT 
    interest: interest, //Use state array containing all the interests 
    setIntersts: setIntersts //set state method for removing and adding items 
    }} 
    />

#How do you use this thing with the backend?

You can send the interest array in the post request of your Fetch or Axios method

About

This is a react library which facilitates and adds the functionality of adding the interest and tags.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published