---
title: Checkbox
description: A component for boolean selections with checked and disabled states.
source_url:
  html: 'https://shopify.dev/docs/api/shop-minis/components/primitives/checkbox'
  md: 'https://shopify.dev/docs/api/shop-minis/components/primitives/checkbox.md'
---

# Checkbox

A component for boolean selections with checked and disabled states. For full props documentation, see [Radix Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox).

Examples

## Preview

![checkbox](https://shopify.dev/assets/assets/images/templated-apis-screenshots/shop-minis/Checkbox-DqXhIg9H.png)

### Examples

* ####

  ##### tsx

  ```tsx
  import {Checkbox} from '@shopify/shop-minis-react'

  export default function MyComponent() {
    return <Checkbox checked />
  }
  ```

* ####

  ##### Description

  A checked checkbox

  ##### tsx

  ```tsx
  import {Checkbox} from '@shopify/shop-minis-react'

  export default function MyComponent() {
    return <Checkbox checked />
  }
  ```

* ####

  ##### Description

  A disabled checkbox

  ##### tsx

  ```tsx
  import {Checkbox} from '@shopify/shop-minis-react'

  export default function MyComponent() {
    return <Checkbox disabled />
  }
  ```

***