Checkbox

A component for boolean selections with checked and disabled states. For full props documentation, see Radix Checkbox.

Examples

tsx

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

export default function MyComponent() {

return <Checkbox checked />

}

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

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

A checked checkbox

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

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

A disabled checkbox

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

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

Was this page helpful?