Name: Minor UX Improvements
Uploaded: 2019-11-12T05:35:13.256Z
Duration: 5 min 48 s
Description: Now we'll make a few small UX improvements to our app. 1. Only render the "Place Order" button if there are items in the cart. 2. Change the trash icon to a filled-in trash icon when hovering over it. Filled trash icon to use when hovering: ` ` Empty trash icon to use when NOT hovering: ` `

scrimba

Watch in fullscreen

Minor UX Improvements

by Bob Ziroll

About

Comments

Notes

Minor UX Improvements

by Bob Ziroll

Expand for more info

z_challenge.md

run

preview

console

# Challenge

1. Only render the "Place Order" button if there are items in the cart

2. Change the trash icon to a filled-in trash icon when hovering over it

Filled trash icon to use when hovering:
<i className="ri-delete-bin-fill"></i>

Empty trash icon to use when NOT hovering:
<i className="ri-delete-bin-line"></i>

-5:48