Which one of these web components is designed better?
Option 1 contains an a tag within the custom element.
<bootstrap-social service="github" size="lg">
<a href="http://github.com/reggi">Sign in with Github</a>
</bootstrap-social>
Option 2 the custom element has an href
tag and the inner text is within the element.
<bootstrap-social service="github" size="lg" href="http://github.com/reggi">
Sign in with Github
</bootstrap-social>