Exercise: Adding Custom Attributes To Your Component


placeholder

This is a premium lesson.

Subscribe to get access to the entire course.

Sign up now

If you remember in the last set of exercises, you created an album art component to help reuse some markup.

However, the album data was hardcoded inside of the component’s template. This means that we currently can’t reuse the component as there’s no way to alter the internal content. So let’s make the album-art component dynamic.

Follow the instructions in the repo here

Exercise 1

The purpose of this exercise to update your component to support custom attributes.

Inside of your templates, you’ll need to remove the values from the src and alt attributes of the img tag, as well as the text content of the h3 and p tags.

You’ll then n