# EuiLanguageSelectorComponent

**Type:** component




This component displays available languages and allows users to select their preferred language.
It adapts its display based on the number of available languages:
- For 1 language: No selector is shown
- For 2-3 languages: Displays a dropdown menu
- For 4+ languages: Opens a modal dialog with the full list

The component integrates with EuiAppShellService to manage language state
and uses TranslateService for localization.

### Basic Usage
```html
<eui-language-selector></eui-language-selector>
```

### In Toolbar
```html
<eui-toolbar>
  <eui-language-selector [isToolbarSelector]="true"></eui-language-selector>
</eui-toolbar>
```

### Accessibility
- Provides default `aria-label` indicating current language
- Custom `aria-label` can be set via input
- Keyboard navigable dropdown and modal interfaces

### Notes
- Automatically detects toolbar parent and adjusts styling
- Language list is managed through EuiAppShellService
- Supports 2-3 languages via dropdown, 4+ via modal


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

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

## Outputs
- **languageSelectorClick**: `EventEmitter` - 
