# Input

![Bootstrap Input](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MKWVitUzzgsTn-SZIZF%2F-MKWYIV_KmmWePX9E7Rp%2Fimage.png?alt=media\&token=144d22b0-fab8-4b15-90e7-48e63483a404)

\
Bootstrap's [Input](https://getbootstrap.com/docs/4.0/components/input-group/) enhances the basic HTML input.

![](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MKXI1jhsP2FwRdwrZUK%2F-MKbOcXy_mxve9FsYO_8%2Fimage.png?alt=media\&token=4e430e18-7036-4ad8-9760-a9f6de307e76)

Use the `bsInput` class to create an instance of Bootstrap's input text box inside WireBootstrap.

```javascript
const myInput = new wire.bsInput();
```

Render the component using an HTML `input` element.

```javascript
<input id="input" class="form-control">
...
myInput.render("#input",{
    ...
});
```

### Web Component

Use the `wire-bs-input` web component to render the component using [Web Components](https://docs.wirebootstrap.com/bootstrap/web-components).

```html
<wire-bs-input wr-config=""></wire-bs-input>
```