---
title: "Components — Checkbox Button"
canonical: https://sky-ui.cf.sky.com/components/checkbox-button
apiPackages: [{"name":"@sky-uk/ui-core","representedVersion":"13.2.0"}]
---

# Components — Checkbox Button

```js
import { CheckboxButton } from '@sky-uk/ui-core';
```

---

`CheckboxButton` is a `button` that implies mutiple selections.

```tsx
<CheckboxButton>Select</CheckboxButton>
```

---

## System Modifiers

The `CheckboxButton` component also accepts props applied using the following system modifiers:

- [display](/core/system/display/)
- [margin](/core/system/margin/)
- [width](/core/system/width/)

---

## Translatable Fields

The `CheckboxButton` component supports translation on the following fields:

- `checkboxButton.loadingLabel` - controls the loading text

For more on translatable fields, view the `useTranslation` docs here: [useTranslation](/core/hooks/use-translation/)