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

Adding Button Inverse and Outline Styles

In this lesson, we'll add two new button style options, inverse and outline. Both styles will extend off the work we did with our base button to keep all functionality in one concise location

Published
Nov 20, 23
Duration
5m 4s

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

Lastly, for our button, we’ll be adding two additional styles, inverse and outline. Our approach for both of these styles is going to be relatively similar to how we did the variant options. However, we’ll be placing them inside separate files, extending from our base button.

Inverse Style

First, let’s make a new file for our inverse style.

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

Inverse Variants

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!