Name: Display Icons on Hover
Uploaded: 2019-11-12T02:17:45.840Z
Duration: 3 min 32 s
Description: Now that we have the `"hovered"` state on each one of these images, our challenge is to conditionally render the heart and plus icons when an `Image` component is being hovered on. 1. Icon to render for the heart: ` ` 2. Icon to render for the plus: ` `

scrimba

Watch in fullscreen

Display Icons on Hover

by Bob Ziroll

About

Comments

Notes

Display Icons on Hover

by Bob Ziroll

Expand for more info

z_challenge.md

run

preview

console

# Challenge

Conditionally render the heart and plus icons when an Image component is being hovered on

1. Icon to render for the heart:
<i className="ri-heart-line favorite"></i>

2. Icon to render for the plus:
<i className="ri-add-circle-line cart"></i>

-3:31