Support for clickable slides, with hyperlinks

From what I can tell it is not possible currently to add a hyperlink to a slide, such that when clicking on it would follow the referenced page?

For example:

        <div>
            <a href="http://github.com/"><img src="images/2.jpeg" /></a>
            <p className="legend">Legend 1</p>
        </div>
        <div>
            <a href="http://localhost:2020/"><img src="images/2.jpeg" /></a>
            <p className="legend">Legend 2</p>
        </div>
        <div>
            <img src="images/3.jpeg" />
            <p className="legend">Legend 3</p>
        </div>
        <div>
            <img src="images/4.jpeg" />
            <p className="legend">Legend 4</p>
        </div>
        <div>
            <img src="images/5.jpeg" />
            <p className="legend">Legend 5</p>
        </div>
        <div>
            <img src="images/6.jpeg" />
            <p className="legend">Legend 6</p>
        </div>

The expectation here is click on slide 1 and 2 would take me to referenced page.

I did try using onClickItem, to hoping this could help, but it just returns the slide number, when doesn’t allow me to access the content to process myself.

I did also try in the sandbox: https://codesandbox.io/s/rql0ovl5m

[MichaelWheldon]

You should just have to make your anchor tag display: block to fill the space, it’s an inline element otherwise.

[Jongmun-Park]

i handle it by using onClickItem props. <Carousel onClickItem={(index) => { window.open(art.imageUrls[index].url) }} >