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!
In the components folder, duplicate the "theme" folder and call it "toggle".
Rename all files inside to "toggle.tsx" or "toggle.scss"
Update the tag value in the @Component to "techomaha-toggle"
Update the style value in the @Component to "toggle.scss"
Update the class name to "Toggle"
Update the scss file. We can optimize everything later, just do your best to make a select dropdown!
We need to make a toggle component.
How to:
npm run dev
. This should open your browser and let you start coding!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:
Property of type (radio||checkbox)