Ready to get started?

Join Adocasts Plus, on sale now for $4/mo, or sign into an existing Adocasts Plus account, to get access to all of our lessons.

robot mascot smiling

EdgeJS Components #4.0

Creating Our Base Alert

In This Lesson

We'll create our base alert to serve as our building block for our content, variant, and style options. We'll also fix a pseudo-selector issue.

Created by
@tomgobich
Published

Another component likely needed within most applications is an alert, because at some point we’ll need to provide feedback to our users. So, let’s tackle an alert component.

💡 Small note - if you’re using Firefox, and you’re looking at the Pines UI alerts, you’ll notice the icon is overlapping the headline. This is just because they’re using the :has() pseudo selector to determine if there is an icon, and Firefox support for :has() is currently only in the nightly build. We’ll fix this in our component though.

Creating An Alert Demo Page

Join the Discussion 0 comments

Create a free account to join in on the discussion
robot comment bubble

Be the first to comment!