# EuiSelectControlValueAccessor

**Type:** directive

<p>Control value accessor for single-select dropdowns with EUI styling.
Extends Angular&#39;s SelectControlValueAccessor to handle placeholder behavior and readonly state synchronization.</p>
<h3>Applied automatically</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;select euiSelect [formControl]=&quot;myControl&quot;&gt;
  &lt;option euiOption [ngValue]=&quot;item&quot; *ngFor=&quot;let item of items&quot;&gt;{{item.label}}&lt;/option&gt;
&lt;/select&gt;</code></pre></div><h3>Notes</h3>
<ul>
<li>Automatically applied when using euiSelect with form directives</li>
<li>Handles object values via ngValue</li>
<li>Manages placeholder styling and selection state</li>
</ul>


**Selector:** `select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]`

**Standalone:** false

## Inputs

- **placeholder**: `string` - 
