# EuiInputCheckboxComponent

**Type:** component

<p>Checkbox input field that allows users to select or deselect a boolean value.
Supports standard checked state, disabled and readonly modes, validation feedback, and an optional indeterminate (mixed) state.</p>
<p>Angular component that provides a custom checkbox input implementation.
Extends {@link InputDirective} and implements form control functionality.</p>
<h3>Basic Usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;input euiInputCheckBox id=&quot;terms&quot; [(ngModel)]=&quot;acceptTerms&quot; /&gt;
&lt;label for=&quot;terms&quot;&gt;I accept the terms and conditions&lt;/label&gt;</code></pre></div><h3>With Indeterminate State</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">&lt;input euiInputCheckBox [indeterminate]=&quot;someItemsSelected&quot; /&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Always associate checkbox with a label using <code>for</code> attribute or wrap in <code>&lt;label&gt;</code></li>
<li>Component automatically provides <code>aria-label</code> based on checked state</li>
<li>Supports keyboard interaction (Space key to toggle)</li>
<li>Use <code>isInvalid</code> to communicate validation errors to screen readers</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Indeterminate state is automatically cleared when checkbox is clicked</li>
<li>Works seamlessly with Angular Forms (both template-driven and reactive)</li>
<li>Readonly state prevents interaction but maintains visual appearance</li>
</ul>


**Selector:** `input[euiInputCheckBox]`

**Standalone:** false

## Inputs

- **checked**: `boolean` - <p>Controls the checked state of the checkbox.</p>

- **indeterminate**: `boolean` - <p>Controls the indeterminate (mixed) state of the checkbox.
When true, the checkbox appears in an indeterminate state.
This state is automatically cleared when the checkbox is clicked.</p>

- **isInvalid**: `boolean` - <p>Controls the invalid state of the checkbox. Used for displaying validation errors.</p>

- **disabled**: `boolean` - 
- **euiDanger**: `boolean` - 
- **euiDisabled**: `boolean` - 
- **placeholder**: `string | null` - 
- **readonly**: `any` - 

## Outputs

- **indeterminateChange**: `EventEmitter<boolean>` - <p>Event emitter that fires when the indeterminate state changes.</p>

