Ready to get started?

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

EdgeJS Components #3.0

Creating Our Base Button

In this lesson, we'll create our base button component which al our other button styles will derive from. It'll be in charge of building our classes, adding interactivity, and more.

Our first component, excluding the layout component we created earlier, is going to be a button. The particular button we’ll be creating today will serve as our base button. Meaning, the different styles we’ll be creating in later lessons will derive from this base button.

Creating Our Component File

First, lets create an index.edge file inside a folder called button. This will allow us to directly call @button to use our component as EdgeJS will include index.edge in it’s search paths.

touch resources/views/components/button/index.edge
Copied!

Getting Our Button Markup

Ready to get started?

Join Adocasts+ for $8/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.