> 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/checkboxes.md).

# Checkboxes

![Bootstrap Checkboxes](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MK2mreiZyIk8vyRwvz0%2F-MK2qVM42yJ7-qkcpxe0%2Fimage.png?alt=media\&token=4d907f1d-3781-4f52-8f23-aa6798c3304e)

\
Bootstrap's [Checkboxes](https://getbootstrap.com/docs/4.2/components/forms/#checkboxes-and-radios-1) enhance basic HTML radio and checkbox options.

![](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MK2uGYQYeMRBoRymIjJ%2F-MK4ufT18QfpjMBFXfut%2Fimage.png?alt=media\&token=93374010-78fa-47bb-9038-94e03d61d0bd)

Use the `bsCheckboxes` class to create an instance of Bootstrap's checkboxes inside WireBootstrap.

```javascript
const myCheckboxes = new wire.bsCheckboxes();
```

Render the component using an HTML `div` element.

```javascript
<div id="checkboxes"></div>
...
myCheckboxes.render("#checkboxes",{
    ...
});
```

### Web Component

Use the `wire-bs-checkboxes` web component to render the component using [Web Components](/bootstrap/web-components.md).

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