---
path: "/checkbox/props"
component: "checkbox"
type: "atom"
title: "Checkbox"
---

Use `Checkbox` component to render `input` with type `checkbox`.

Wrap the checkbox with styled components to change the styles.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| name | name for the input field | string | null |
| id | id for the input field | string | null |
| checked | a value which represents whether the checkbox is checked or not | boolean | false |
| disabled | a value which represents whether the checkbox is disabled or not | boolean | false |