Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects

Resolve "create a carousel component"

Merged Julie Thezenas requested to merge 90-create-a-carousel-component into master
All threads resolved!
2 files
+ 17
1
Compare changes
  • Side-by-side
  • Inline
Files
2
+ 17
0
@@ -43,16 +43,33 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
/* <div className="text--center"> */
function CarouselElement({name, img, link}) {
if (typeof link === 'undefined') {
console.log(" salut, pas défini ");
} else {
console.log(link + " salut c'est défini ");
}
// on affiche a uniquement si ya des liens existants
return (
<div className="img_carousel">
<a href={link} target="_blank" rel="noopener noreferrer">
<img src={useBaseUrl(img)} className="carousel-img" />
<h6>{name}</h6>
</a>
</div>
);
}
// cptm par defaut sauf si le link est plein
{/* <div className="img_carousel">
<img src={useBaseUrl(img)} className="carousel-img" />
<h6>{name}</h6>
</div> */}
// https://fr.reactjs.org/docs/lists-and-keys.html
export default function Carousel(props) {
const list = props.list;
Loading