# EuiLanguageSelectorComponent

**Type:** component

<p>This component displays available languages and allows users to select their preferred language.
It adapts its display based on the number of available languages:</p>
<ul>
<li>For 1 language: No selector is shown</li>
<li>For 2-3 languages: Displays a dropdown menu</li>
<li>For 4+ languages: Opens a modal dialog with the full list</li>
</ul>
<p>The component integrates with EuiAppShellService to manage language state
and uses TranslateService for localization.</p>
<h3>Basic Usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-language-selector&gt;&lt;/eui-language-selector&gt;</code></pre></div><h3>In Toolbar</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-toolbar&gt;
  &lt;eui-language-selector [isToolbarSelector]=&quot;true&quot;&gt;&lt;/eui-language-selector&gt;
&lt;/eui-toolbar&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Provides default <code>aria-label</code> indicating current language</li>
<li>Custom <code>aria-label</code> can be set via input</li>
<li>Keyboard navigable dropdown and modal interfaces</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Automatically detects toolbar parent and adjusts styling</li>
<li>Language list is managed through EuiAppShellService</li>
<li>Supports 2-3 languages via dropdown, 4+ via modal</li>
</ul>


**Selector:** `eui-language-selector`

**Standalone:** false

## Inputs

- **aria-label**: `string` - 
- **euiPrimary**: `boolean` - 
- **hasLanguageSelection**: `boolean` - 
- **isToolbarSelector**: `boolean` - 

## Outputs

- **languageSelectorClick**: `EventEmitter` - 


