PhoneInputComponent 1.0.8
dotnet add package PhoneInputComponent --version 1.0.8
NuGet\Install-Package PhoneInputComponent -Version 1.0.8
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="PhoneInputComponent" Version="1.0.8" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="PhoneInputComponent" Version="1.0.8" />
<PackageReference Include="PhoneInputComponent" />
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add PhoneInputComponent --version 1.0.8
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: PhoneInputComponent, 1.0.8"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package PhoneInputComponent@1.0.8
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=PhoneInputComponent&version=1.0.8
#tool nuget:?package=PhoneInputComponent&version=1.0.8
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
MudPhoneInput 📱
A Blazor component for phone number input, based on MudBlazor.
✨ Features
- ✅ Country selector with flag and dialing code
- ✅ Phone number validation using
libphonenumber - ✅ Localization for messages and country names (
bs,en) - ✅
IStringLocalizerintegration for error messages - ✅ Fully styled with MudBlazor
- ✅ Compatible with
.NET 9.0
📦 Installation
dotnet add package PhoneInputComponent --version 1.0.5
🚀 Usage
@using PhoneInputComponent.Components
<PhoneInput @bind-Value="phone" />
@code {
private string? phone;
}
🌍 Localization
The component uses the current CultureInfo.CurrentUICulture to determine the language.
To override it manually:
<PhoneInput @bind-Value="phone" Culture="bs" />
Error messages and country names will automatically be localized.
🧩 App Setup
If you're using Blazor WebAssembly and want to support runtime language switching:
<PropertyGroup>
<BlazorWebAssemblyLoadAllGlobalizationData>true</BlazorWebAssemblyLoadAllGlobalizationData>
</PropertyGroup>
📁 Project Structure
Components/PhoneInput.razor– main componentData/CountryData.cs– list of countries with translationsModels/CountryInfo.cs– country data model
🛠️ Development & Contributions
Feel free to fork the repository, open issues, or submit pull requests!
🔗 Repository
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net9.0
- libphonenumber-csharp (>= 9.0.7)
- Microsoft.AspNetCore.Components.Web (>= 9.0.3)
- MudBlazor (>= 8.7.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.