Create Button Component

[splitinfinities]

We need to make a button component.

How to:

0. Download the repo, Install node and npm, then, in terminal at the repo's directory, do npm run dev. This should open your browser and let you start coding!
1. In the components folder, duplicate the "theme" folder and call it "button".
2. Rename all files inside to "button.tsx" or "button.scss"
3. Update the tag value in the @Component to "techomaha-button"
4. Update the style value in the @Component to "button.scss"
5. Update the class name to "Button"
6. Update the scss file. We can optimize everything later, just do your best to make a button!

If you get lost, here it the documentation for Stencil: https://stenciljs.com/docs/intro/

And do not hesitate to reach out to @splitinfinities if you have any questions at all.

We'll use it by writing html: <techomaha-button type="button|submit|link" href="#" value="blah" emoji="📦" class="outline|invert"></techomaha-button>

[nmschulte]

Note, step zero needs instructions to change to the assets directory, e.g.:

1. Download the repo, Install node and npm, then, in terminal at the repo's directory, do cd assets && npm run dev. This should open your browser and let you start coding!