Ready to get started?

Join Adocasts Plus for $8.00/mo or sign into your account to get access to all of our lessons.

robot mascot smiling

Inverse Alert Style & Cascading Slots

In this lesson, we'll add our alert's inverse styling by extending our base alert. We'll also see how to cascade slots passed into our inverse alert to our extended base alert.

Published
Dec 11, 23
Duration
6m 10s

Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.

Adocasts

Burlington, KY

Next for our alert, let’s add the inverse style option. This process will be fairly similar to our buttons, however, as you’ll see in a bit we’ll need to figure out a way to cascade our props into our base alert component.

Stubbing Our File

First, let’s create the component file our inverse alert style will reside within

touch resources/views/components/alert/inverse.edge

Getting the Inverse Variant Classes

Ready to get started?

Join Adocasts Plus for $8.00/mo or sign into your account to get access to all of our lessons.

Join The Discussion! (0 Comments)

Please sign in or sign up for free to join in on the dicussion.

robot comment bubble

Be the first to Comment!