> For the complete documentation index, see [llms.txt](https://dormakaba-digital.gitbook.io/reactnative-visual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dormakaba-digital.gitbook.io/reactnative-visual/components/checkbox-radio.md).

# Checkbox / Radio

## Preview

![](https://3422846761-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGP0U4aBj2zuNdsU1Qu%2F-LGdPf9PawfvuZi-77Lm%2F-LGdQHN4Mde27vggWOsO%2Fcheckbox_n_radio.png?alt=media\&token=55633cf4-5522-4808-8787-c9a1bac90351)

## Code Sample

```jsx
import { Checkbox } from '@dormakaba/digital-reactnative-visual';

<Checkbox
  onPress={() => {}}
  checked
  label='halleluja'
/>

<Checkbox
  asRadio
  onPress={() => {}}
  checked
  label='halleluja'
/>
```

## Props

| Name    | Type     | Description                                                    |
| ------- | -------- | -------------------------------------------------------------- |
| checked | boolean  | state checked                                                  |
| label   | string   | label to show beside the checkbox                              |
| onPress | function | triggered on press (you will need to toggle the checked state) |
| asRadio | boolean  | render a radio instead of a checkbox                           |