# 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>
```