Skip to content

some ready to use react components such as navbar, card etc.

License

Notifications You must be signed in to change notification settings

matinft7/react_components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

react_components

some ready to use react components such as navbar, card etc. the type script ones are more important for me and i'll work on them more.

Components :

navbar :

  • usage :
    <NavBar appname="Snow" data={[{"name":"link1","href":"link1"}.{"name":"link2","href":"link2"}]} classnames={ styles.moon_navbar }/>
  • appname : it's your site name that appear in nav bar
  • data : it should be an array that contain your navigation links
  • classnames : it should ba an array that contain your css classes

card :

  • usage :
    <Card img="" title="Time" text="Time to get full result" classnames={ [styles.moon_card,"w_30"] } />
  • img : your image src
  • title : card title
  • text : card text/info
  • classnames : it should ba an array that contain your css classes

card-container

  • usage : just load your data in component like this :
    const cards = [{image : {src:'/pic.jpg',alt:'product',width:350,height:350},text : {title:'card1',body:'card1-desc'}}]

card TS

  • usage :
    <Card image={card.image} text={card.text}/>

navbar TS

  • usage : load your data in component like this
    const links = [{ name:'home',href:'/'},{ name:'products',href:'/products'}]

About

some ready to use react components such as navbar, card etc.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published