> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/bootstrap/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/bootstrap/input.md).

# Input

![Bootstrap Input](/files/-MKWYIV_KmmWePX9E7Rp)

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

![](/files/-MKbOcXy_mxve9FsYO_8)

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](/bootstrap/web-components.md).

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