# How to extend web component from html element to make attributes works

**URL:** <https://forum.ionicframework.com/t/how-to-extend-web-component-from-html-element-to-make-attributes-works/219841>\
**Category:** Stencil\
**Created:** [January 28, 2022, 5:59pm UTC](https://forum.ionicframework.com/t/how-to-extend-web-component-from-html-element-to-make-attributes-works/219841 "2022-01-28T17:59:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahakem](https://avatars.discourse-cdn.com/v4/letter/a/d9b06d/32.png) [@ahakem](https://forum.ionicframework.com/u/ahakem)\
**Post date:** [January 28, 2022, 5:59pm UTC](https://forum.ionicframework.com/t/how-to-extend-web-component-from-html-element-to-make-attributes-works/219841/1 "2022-01-28T17:59:05Z")

</div>

Hello, I’m new to web component and stancil, so please help

Can I extend a web component that build by stencil from HTML element?  
for example I want to build a custom button, when I call this button from the JSX how can I make sure all normal attributes like,` {type, disabled, etc}` will work, or I must re-create everything and pass it as prop?