---
agentTools:
  projectIndex: https://docs.usecreator.com/llms.txt
---

# Checkbox

The Checkbox component functions as a single "on/off" for form data. Either an item is checked, or it is not. If you have multiple checkboxes, multiple items can be checked at once (this is the primary difference from the Radio component).

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/ff45726-Screenshot_2016-11-07_10.33.54.png",
        "Screenshot 2016-11-07 10.33.54.png",
        2084,
        706,
        "#131313"
      ]
    }
  ]
}
[/block]

[block:callout]
{
  "type": "success",
  "title": "Attaching Data to Form Components",
  "body": "When making your app function, most of the time you will be using `ng-model` to attach some data to a form related component. Check out our [ng-model documentation](/docs/directives#section-binding-to-data-with-ng-model) or [Working with Form Data tutorial](https://docs.usecreator.com/docs/working-with-form-data) to learn more."
}
[/block]

[block:api-header]
{
  "type": "basic",
  "title": "Checkbox Properties"
}
[/block]

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/388b157-Screenshot_2016-11-07_10.29.56.png",
        "Screenshot 2016-11-07 10.29.56.png",
        2078,
        830,
        "#eef4f4"
      ]
    }
  ]
}
[/block]

## Text

**Title** will set the text that appears to the right of the Checkbox.

**Name** will set the HTML `name` attribute of the input.

## Style

**Classes** lets you freeform add CSS classes that will be placed on this component.

## Angular Directives

**Angular Directives** lets you add [Directives](https://docs.usecreator.com/docs/directives) to the component.

## Convert to HTML

**Convert to HTML** let's you turn this component into an HTML component so you can edit it to your hearts content.

[block:api-header]
{
  "type": "basic",
  "title": "Working with Form Data"
}
[/block]

If you're looking to attach an input to data here are some tutorials that will help lead you in the right direction:

[Working with Form Data](https://docs.usecreator.com/docs/working-with-form-data)
[Using APIs with $http Part 1](https://docs.usecreator.com/docs/using-apis-with-http-part-1)
[Directives](https://docs.usecreator.com/docs/directives) (with an emphasis on `ng-model`)