First stable application according to tutorial
This commit is contained in:
parent
f5e4be85c4
commit
8d451a87b6
33 changed files with 1090 additions and 113 deletions
21
frontend/src/components/CardItem.js
Normal file
21
frontend/src/components/CardItem.js
Normal file
|
@ -0,0 +1,21 @@
|
|||
import React from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
|
||||
function CardItem(props) {
|
||||
return (
|
||||
<>
|
||||
<li className="cards__item">
|
||||
<Link className="cards__item__link" to={props.path}>
|
||||
<figure className="cards__item__pic-wrap" data-category={props.label}>
|
||||
<img src={props.src} alt="Travel Image" className="cards__item__img" />
|
||||
</figure>
|
||||
<div className="cards__item__info">
|
||||
<h5 className="cards__item__text">{props.text}</h5>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default CardItem
|
Loading…
Add table
Add a link
Reference in a new issue