Add elm-ui Border.shadow to Highlight Any Element

InstructorFlavio Corpa

Share this video with your friends

Send Tweet

Now that our dropdown is almost finished lets just drop some shadow in the options selector to make it more visually clear that its over any other element in our page. This is an attribute that we can control the offset, size, blur, and color.

We will want to do this to our viewCard as well. We will also make the viewCard function more flexible by adding additional Html attributes from the outside to make each card have a different height. That way any time you want to override default attributes, you can pass in a new style.