Ready to get started?

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

robot mascot smiling

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!