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

Getting Our Button Markup