> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/webcomponents/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/webcomponents/web-component.md).

# Web Component

All WireBootstrap web components extend the `wire.ui.WebComponent` class.

Register the class using the [define method on the standard CustomElementRegistry interface](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) giving it a name as the first parameter.

```javascript
class MyComponent extends wire.ui.WebComponent {

}
customElements.define('my-component', MyComponent);
```

Use the element name to reference the web component on pages.

```html
<my-component></my-component>
```