mappmechanic / super-button-web-component

A Super Button Web Component which can wear multiple hats a button would need

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

super-button-web-component

A Super Button Web Component which can wear multiple hats a button would need.

In the initial version of this tutorial, I have included very easy to follow steps in creating your very first Web Component.

Tutorial 1 - Basic Custom Element

Click Here to Go

Tutorial 2 - Lifecycle Methods

Click Here to Go

Tutorial 3 - Shadow DOM

Click Here to Go

Tutorial 4 - Template Tag & Slot Element Test

Click Here to Go

Now, the following tutorials are for Integrating your web components with Angular & React.

For that, we have to host our web component to some CDN so that all framework consumer apps can reuse it.

<script src="https://dl.dropbox.com/s/vpvxtmw715l5k38/super-button.js"></script>

Tutorial 5 - Angular Integration of Super Button

Click Here to Go

Tutorial 6 - React Integration of Super Button

Click Here to Go

About

A Super Button Web Component which can wear multiple hats a button would need

License:MIT License


Languages

Language:JavaScript 36.1%Language:HTML 36.1%Language:TypeScript 27.3%Language:CSS 0.5%