Language Selector

IsabyteLanguage

The IsabyteLanguage component provides a dropdown for selecting culture/language with Unicode flag display. Changes affect all culture-aware components.

Language Parameters

Culture Selector

Select a culture to change formatting across the application:

Compact Display Mode

The compact mode shows only the flag icon, ideal for nav bars and toolbars:

Nav bar preview:

Set DisplayMode="IsabyteLanguageDisplayMode.Compact" for flag-only trigger. Dropdown still shows full details.

Live Currency Formatting

See how currency formatting changes with culture selection:

Formatted: $1,234.56

Formatted: $9,876.54

Number Format Demonstration

Decimal separator and thousands separator vary by culture:

Large Number:

Formatted: 1,234,567.89

Small Decimal:

Formatted: 0.1234

Culture Comparison Table

Sample formatting for different cultures:

Culture	Flag	Currency Symbol	Sample Amount	Decimal Separator
nb-NO	🇳🇴	kr	kr 1 234,56	Comma (,)
en-GB	🇬🇧	£	£1,234.56	Period (.)
en-US	🇺🇸	$	$1,234.56	Period (.)

Usage Information

Features:

Display Modes: Full (flag + name + code) or Compact (flag-only trigger for nav bars)
Culture Selection: Dropdown with flag, name, and culture code
Global State: Culture persisted in localStorage and IsabyteRootComponent
Browser Detection: Auto-detects browser language on first visit, maps to nearest supported culture
CultureCode Override: Set CultureCode on IsabyteRootComponent to lock all components to a specific culture
Auto-Resolve: Date selectors and numeric inputs automatically use the cascaded culture unless FormatCulture is set explicitly
Unicode Flags: Native emoji flags with SVG fallback for cross-platform support
Event Callback: OnCultureChanged fires when user selects a culture
Auto-Refresh: All IsabyteNumericInput components update formatting automatically
DecimalSeparator: Override the culture's default decimal separator character
ThousandsSeparator: Override the culture's default thousands separator character
Supported Cultures:
- nb-NO - Norwegian (Norsk) - NOK (kr)
- en-GB - English (UK) - GBP (£)
- en-US - English (US) - USD ($)

Current Configuration

📋

<IsabyteLanguage OnCultureChanged="HandleCultureChanged" />

@code {
    private void HandleCultureChanged(string newCulture)
    {
        Console.WriteLine($"Culture changed to: {newCulture}");
    }
}

Related learning

See the Language Settings tutorial for a step-by-step walkthrough.